gpt4 book ai didi

jquery - Bootstrap 3.3.1 - 突出显示当前导航菜单项

转载 作者:行者123 更新时间:2023-12-01 04:46:54 26 4
gpt4 key购买 nike

我当前使用的脚本实际上运行良好,只要我保持这样的文件结构:

http://website.com/
http://website.com/page1.php
http://website.com/page2.php
http://website.com/page3.php

但是当我实现 mod_rewrite 代码来删除“.php”时

http://website.com/
http://website.com/page1
http://website.com/page2
http://website.com/page3

我的导航突出显示脚本停止工作。

这是我实现代码的方式

HTML

<body id="page1">

JS

$(function() {

//highlight the current nav
//each of the following lines represents a different page
$("#page1 a:contains('Page 1')").parent().addClass('active');
$("#page2 a:contains('Page 2')").parent().addClass('active');



});

JS 中的 ID 会查找每个 body 标记中的 ID,而(“Page 1”)部分会查找菜单中的项目,以识别要突出显示的菜单项。正如我所说,它工作正常,直到删除 .php。我假设它与 js 中的 .parent 有关,但我不确定用什么替换它,或者如何使其正常工作。有什么建议吗?

最佳答案

如果<body>每个页面中的标签都包含一个唯一的ID,您可以检查该ID是否存在。

像这样(更新):

for(var i = 0; i < $(".menu-item").length; i++){
var item = i+1;
if($("#page"+item).length>0){
$("li:nth-child("+item+")").addClass("active");
break;
}
}

更新您更新的 fiddle

Fiddle

关于jquery - Bootstrap 3.3.1 - 突出显示当前导航菜单项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28208877/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com