1

最后为wordpress设计了一个不错的导航器，但是现在链接不会在点击时保持突出显示，因为它会转到不同的页面。我需要有关 javascript 代码的帮助才能更改

<li class='last' id="meet">
    <a href='?page_id=7'><span>Meet Dr. Ayala</span></a>
</li>

成为这个

<li class='active' id="meet">
    <a href='?page_id=7'><span>Meet Dr. Ayala</span></a>
</li>

我确定我需要<body onload="onload()">在身体标签上。有人可以解释如何解决这个问题吗？

编辑：我设法找到了一个工作功能，但需要转换为 onload 而不是单击按钮

<script>
$(document).ready(function(){
  $("button").click(function(){
document.getElementById("meet").className = "active";
 });
});
</script>
4

4 回答 4

1

您可以使用 jquery 添加/删除类

例如

$("#meet").addClass("Active");
$("#meet").removeClass("Active");
于 2013-08-09T03:11:55.963 回答
0

我认为你正在使用 php。您可以将页码导航放在正文标签或其他解决方案中。

网址：http://mydomain?page_id=7

选择操作$_GET['page_id']

在你的身体标签里放一些东西

<body id="page_<?php echo $_GET['page_id'];?>">

然后在 JavaScript 中你可以读取 body 标签的 id。拆分数字。在您的菜单中添加一些课程

<li class='menu_7'></li>

使用从正文标签 id 中提取的数字，您可以定位菜单类。

希望这个场景对你有所帮助。您还可以在页面中添加静态号码。这样你就可以确定你得到了一个价值。这是如果您的浏览器必须加载新页面。

其他场景可能是 iframe 或 Ajax

$(document).ready(function () {
    var nr = $("body").attr("id").split("_");
    $(".menu_" + nr[1]).addClass("active");

});
于 2013-08-09T02:54:34.800 回答
0

终于让它工作了 <script> function onload() { document.getElementById("meet").className = "active"; } window.onload = onload; </script>

于 2013-08-09T03:07:52.827 回答
0

试一试，它会找到当前链接，然后跳回到它的父节点，并给它一个 active 类。

$(document).ready(function(){
   var urlBits= document.URL.split('/');
   var current = urlBits[urlBits.length-1];
   $('a[href="'+current+'"').parent('li').addClass('active');
}
于 2013-08-09T03:12:23.837 回答