Onload更改类Javascript_Javascript

Onload更改类Javascript

javascript

Onload更改类Javascript,javascript,Javascript,最后为wordpress设计了一个很好的导航器，但是现在链接在点击时不会突出显示，因为它会转到不同的页面。我需要javascript代码的帮助才能更改 <li class='last' id="meet"> <a href='?page_id=7'><span>Meet Dr. Ayala</span></a> </li> 变成这样 <li class='active' id="meet">

最后为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，而不是单击按钮

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


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
document.getElementById（“满足”）.className=“活动”；
});
});

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

url:

http://mydomain?page_id=7

使用

$\u GET['page\u id']拾取op

把东西放在你的身体标签上

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

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

url:

http://mydomain?page_id=7

使用

$\u GET['page\u id']拾取op

把东西放在你的身体标签上

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

终于成功了


函数onload（）{
document.getElementById（“满足”）.className=“活动”；
}
window.onload=onload；

终于开始工作了


函数onload（）{
document.getElementById（“满足”）.className=“活动”；
}
window.onload=onload；

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

e、 g

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

e、 g

试一试，它会找到当前链接，然后跳回其父链接，并给它一个活动的类

$(document).ready(function(){
   var urlBits= document.URL.split('/');
   var current = urlBits[urlBits.length-1];
   $('a[href="'+current+'"').parent('li').addClass('active');
}

试一试，它会找到当前链接，然后跳回其父链接，并给它一个活动的类

$(document).ready(function(){
   var urlBits= document.URL.split('/');
   var current = urlBits[urlBits.length-1];
   $('a[href="'+current+'"').parent('li').addClass('active');
}

如果转到其他页面，则会重新加载DOM。这是行不通的。你唯一能做的就是在新加载的页面中添加一个类或id，你可以用它来决定突出显示哪个菜单项。我如何解决这个问题。那么我需要为尸体做一个iframe？我加载的页面是php，显示为index.php？page_id=27，如果它是一个普通页面，我会知道在哪里可以找到它并编辑它。让我确保我是正确的，听起来你只是想在菜单中显示活动链接，所以如果你的on page_id=27，检查导航项是否存在，并以某种方式突出显示它。是吗？如果它转到另一个页面，则会重新加载DOM。这是行不通的。你唯一能做的就是在新加载的页面中添加一个类或id，你可以用它来决定突出显示哪个菜单项。我如何解决这个问题。那么我需要为尸体做一个iframe？我加载的页面是php，显示为index.php？page_id=27，如果它是一个普通页面，我会知道在哪里可以找到它并编辑它。让我确保我是正确的，听起来你只是想在菜单中显示活动链接，所以如果你的on page_id=27，检查导航项是否存在，并以某种方式突出显示它。是这样吗？我如何在加载时工作而不是单击按钮

$（document）.ready（函数（）{$（“按钮”）.click（函数（）{document.getElementById（“满足”）.className=“active”；}）按钮在哪里返回？我没有看到按钮标签。您的脚本将使用jQuery“document.ready”语句运行“onload”。这是我从internet上获得的代码。我想用onload功能替换这个按钮。我已经找到了解决方案，但无法对自己投票：（我最终使用了这个代码，做了几个我喜欢的if语句。谢谢你，非常欢迎；-）。有很多创造性的做事方法。祝你好运，干杯。我如何让这项工作在加载时进行，而不是单击按钮$（文档）。准备（函数（）{$（“按钮”）。单击（函数（）{document.getElementById（“满足”）.className=“active”；}）按钮在哪里返回？我没有看到按钮标签。您的脚本将使用jQuery“document.ready”语句运行“onload”。这是我从internet上获得的代码。我想用onload功能替换这个按钮。我已经找到了解决方案，但无法对自己投票：（我最终使用了这个代码，做了几个我喜欢的if语句。谢谢你，非常欢迎；-）。有很多创造性的做事方法。祝你好运，干杯。是的，它会起作用的。你确实让我笑了。您还可以执行window.onload=function（）{//code goes here}是的，它可以工作。你确实让我笑了。您还可以执行window.onload=function（）{//code go here}
$(document).ready(function(){
   var urlBits= document.URL.split('/');
   var current = urlBits[urlBits.length-1];
   $('a[href="'+current+'"').parent('li').addClass('active');
}