如何根据您所在的页面来使导航栏链接变暗?

布宾加

我想拥有它,以便有人去我网站的特定页面时,他们单击导航链接周围的区域会变暗,以便他们可以轻松分辨出它们所在的页面。我正在使用Bootstrap v4.3.1和Razor Pages。我将如何去做呢?

布宾加

如果您希望在整个网站范围内进行操作,可以将其添加到_Layout文件中,并使每个导航栏链接都具有一个与用户将要执行的操作的第一个路径项匹配的ID:

 var x = $(location).attr('pathname'); 
//if the url is:example.com/abc/123?test=100, x is set to /abc/123
 x = x.split("/")[1];
// "/abc/123/" is split up by "/" and x is set to the first item, in this case: "abc"      
 $('#'+x).addClass('onpage');
//finally, it looks for an element with an id of "abc" and adds the class of 'onpage' to it

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何根据我所在的页面突出显示导航栏

来自分类Dev

查询以根据您所在的年份在两个日期之间选择记录

来自分类Dev

iptables可以根据您当前所在的网络更改其规则吗?

来自分类Dev

根据您所在的环境,通过传递所需的参数来实例化类

来自分类Dev

Angular 2:根据您所在的位置获取货币价值

来自分类Dev

根据页面上的位置更改引导导航栏链接颜色

来自分类Dev

根据用户所在页面更改导航组件

来自分类Dev

如何根据您的主机设置网址库

来自分类Dev

Xamarin Forms - 如何根据您输入的数据填充 ListView?

来自分类Dev

根据您按下的按钮将信息发送到不同页面的表格

来自分类Dev

根据您按下的按钮将信息发送到不同页面的表格

来自分类Dev

如何根据您的冲刺实际时间容量来调整故事点

来自分类Dev

如何根据您的冲刺实际时间容量来调整故事点

来自分类Dev

如何使用 Redux 在减速器中根据您的状态修改子对象

来自分类Dev

您如何使导航栏“变粘”?

来自分类Dev

如何将导航栏链接移至导航栏的右侧?

来自分类Dev

如何使用MVC根据数据库设置在导航栏中显示/隐藏链接

来自分类Dev

如何使用外部网络链接更新页面,保持导航栏固定

来自分类Dev

加载正确的页面后,如何更改导航栏上链接的颜色?

来自分类Dev

在Rails 4中,如何根据当前页面更改导航栏中的文本?

来自分类Dev

如何将您的Foundation导航栏/顶部栏居中

来自分类Dev

根据您选择的按钮创建一个元素

来自分类Dev

如何创建一个可以根据您的用户名更改批量复制命令的设置?

来自分类Dev

单击<a>链接时如何关闭导航栏?

来自分类Dev

如何垂直对齐导航栏的链接?

来自分类常见问题

如何根据视口使导航栏响应?

来自分类Dev

如何使导航栏随页面滚动?

来自分类Dev

如何获得导航栏来追踪页面?

来自分类Dev

如何使导航栏覆盖整个页面?

Related 相关文章

  1. 1

    如何根据我所在的页面突出显示导航栏

  2. 2

    查询以根据您所在的年份在两个日期之间选择记录

  3. 3

    iptables可以根据您当前所在的网络更改其规则吗?

  4. 4

    根据您所在的环境,通过传递所需的参数来实例化类

  5. 5

    Angular 2:根据您所在的位置获取货币价值

  6. 6

    根据页面上的位置更改引导导航栏链接颜色

  7. 7

    根据用户所在页面更改导航组件

  8. 8

    如何根据您的主机设置网址库

  9. 9

    Xamarin Forms - 如何根据您输入的数据填充 ListView?

  10. 10

    根据您按下的按钮将信息发送到不同页面的表格

  11. 11

    根据您按下的按钮将信息发送到不同页面的表格

  12. 12

    如何根据您的冲刺实际时间容量来调整故事点

  13. 13

    如何根据您的冲刺实际时间容量来调整故事点

  14. 14

    如何使用 Redux 在减速器中根据您的状态修改子对象

  15. 15

    您如何使导航栏“变粘”?

  16. 16

    如何将导航栏链接移至导航栏的右侧?

  17. 17

    如何使用MVC根据数据库设置在导航栏中显示/隐藏链接

  18. 18

    如何使用外部网络链接更新页面,保持导航栏固定

  19. 19

    加载正确的页面后,如何更改导航栏上链接的颜色?

  20. 20

    在Rails 4中,如何根据当前页面更改导航栏中的文本?

  21. 21

    如何将您的Foundation导航栏/顶部栏居中

  22. 22

    根据您选择的按钮创建一个元素

  23. 23

    如何创建一个可以根据您的用户名更改批量复制命令的设置?

  24. 24

    单击<a>链接时如何关闭导航栏?

  25. 25

    如何垂直对齐导航栏的链接?

  26. 26

    如何根据视口使导航栏响应?

  27. 27

    如何使导航栏随页面滚动?

  28. 28

    如何获得导航栏来追踪页面?

  29. 29

    如何使导航栏覆盖整个页面?

热门标签

归档