活动类别不适用于某些菜单项
布赖恩
我觉得自己是个白痴，因为今天早些时候我问了一个非常相似的问题，但是既然我已经再次应用它，那么我也遇到了一个类似的问题。
我正在使用PHP使用博客模板从数据库加载页面元素。这是一个.active基于我的PHP的内置菜单和样式：
<div role="navigation" id="menu">
<div class="page-menu">
<ul>
<li class="list-item"><a href="/anchor/posts" title="Posts">Posts</a></li>
<li class="list-item"><a href="/anchor/demo-page-3" title="Demo Page 3">Demo Page 3</a></li>
<li class="list-item"><a href="/anchor/demo-page-4" title="Demo Page 4">Demo Page 4</a></li>
<li class="list-item"><a href="/anchor/demo" title="demo page">demo</a></li>
</ul>
</div>
<style>
.active {background-color: #0d597e; }
</style>
这是我的脚本：
$(document).ready(function(){
var current = location.pathname;
$('.page-menu li a').each(function(){
var $this = $(this);
if($(this).attr('href').indexOf(current) !== -1){
$this.addClass('active');
}
})
})
现在，我知道它起作用了，因为“帖子”添加了活动类，其他页面在单击时都没有作用。
我也进行了测试，alert(location.pathname)所有这些都恢复了正确。我要去哪里错了？我正在拔头发，试图进行整理。
增加
您未在帖子页面上看到的视频的演示页面3和演示页面4的控制台中有错误。'未捕获的类型错误-无法读取未定义的'replace'的属性。此JS错误将阻止其他JS的运行，并且不会调用您的菜单函数。解决此错误，您的菜单将起作用。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
活动菜单项不适用于多语言（/？lang = nl）
- 2
OSX服务菜单项的本地化不适用于简体中文
- 3
操作栏菜单项选择-令牌null不适用于应用程序
- 4
jQuery选择器不适用于WP菜单项锚点
- 5
Finish（）在某些设备中不适用于活动
- 6
控制活动菜单项
- 7
如何限制在nsoutline视图上单击鼠标右键的显示菜单项仅适用于几行？
- 8
Android主题不适用于活动
- 9
geocodeAddressString不适用于某些地址
- 10
prop（）不适用于某些属性
- 11
gluLookAt不适用于某些参数
- 12
某些样式不适用于：after
- 13
CSS不适用于某些部分
- 14
将菜单项添加到Windows上下文菜单中，仅适用于目录而不是包含特定子目录的目录
- 15
JUnit方法级别类别不适用于PowerMockRunner
- 16
类别的MutationObserver（不适用于ID）
- 17
.htaccess规则适用于某些页面，但不适用于某些页面
- 18
设置活动的导航菜单项
- 19
WordPress：高亮显示活动菜单项
- 20
Angular Bootstrap活动菜单项
- 21
从弹出菜单项打开新活动
- 22
自定义存档页面不适用于日期或标签，但适用于类别
- 23
Geom美学仅适用于某些级别或类别
- 24
AngularJS活动状态不适用于单击的按钮
- 25
活动课程不适用于导航列表
- 26
排序不适用于下拉菜单
- 27
onchange不适用于下拉菜单？
- 28
Materializecss下拉菜单不适用于AngularJS
- 29
scrollTop突然不适用于粘性菜单
我来说两句