我正在尝试创建一个菜单,每当选择并加载页面时,都会将“事件”类分配给该页面。目前,它默认仅应用于索引页。
我的菜单片段:
<ul class="nav navbar-nav">
<li class="active"><a href="http://localhost/wp/index.php">Main</a></li>
<li><a href="http://localhost/wp/news">News</a></li>
<li><a href="http://localhost/wp/contacts">Contacts</a></li>
</ul>
最佳答案
试试这个代码。它在我这边工作。
<script>
jQuery(document).ready(function() {
jQuery(".nav.navbar-nav li").click(function(){
jQuery(".nav.navbar-nav li").removeClass('active');
jQuery(this).addClass('active');
})
var loc = window.location.href;
jQuery(".nav.navbar-nav li").removeClass('active');
jQuery(".nav.navbar-nav li a").each(function() {
if (loc.indexOf(jQuery(this).attr("href")) != -1) {
jQuery(this).closest('li').addClass("active");
}
});
});
</script>
<ul class="nav navbar-nav">
<li class="active"><a href="http://localhost/wp/index.php">Main</a></li>
<li><a href="http://localhost/wp/news">News</a></li>
<li><a href="http://localhost/wp/contacts">Contacts</a></li>
</ul>
关于javascript - 如何使用 jQuery 或 JavaScript 根据当前 URL 和单击事件将类 "active"分配给 li 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35077996/