Javascript js nav在访问链接时保持打开状态
再次使用这个,网络上最好的地方,试图解决一个开发技能极其有限的糟糕设计师的问题 我有这个js导航栏,我需要保持打开,一旦我点击下拉链接内的链接之一。我很难解释,但我相信一旦你看到它,你就会明白我的意思:Javascript js nav在访问链接时保持打开状态,javascript,jquery,html,Javascript,Jquery,Html,再次使用这个,网络上最好的地方,试图解决一个开发技能极其有限的糟糕设计师的问题 我有这个js导航栏,我需要保持打开,一旦我点击下拉链接内的链接之一。我很难解释,但我相信一旦你看到它,你就会明白我的意思: <div id="Nav"> <ul> <li><a href="index.html">Inicio</a></li> <li><
<div id="Nav">
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="historia.html">Historia</a></li>
<li><a href="quienes.html">Quiénes</a></li>
</ul>
<ul id="nav">
<li><a href="#">Galería</a>
<ul class="SubLinks">
<li><a href="proyecto1.html">Proyecto1</a></li>
<li><a href="proyecto2.html">Proyecto2</a></li>
<li><a href="proyecto3.html">Proyecto3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</ul>
</div>
有人能帮忙吗
谢谢大家 你能提供一个jsfiddle()吗?谢谢你的帮助,朋友!!!我没能让它正常工作,但我把它用在了另一个网站上,从来没有让它正常工作过。这个想法是,当你点击顶部链接并放下其他三个链接时,当你点击这三个链接中的一个,例如Historia,它就会保持打开状态。谢谢你,伙计,我必须为Wordpress网站做这件事。和您的一样,显示隐藏的菜单项(子菜单),然后单击菜单项进入下一页,菜单仍然打开。这是我使用的代码:
$('.current-menu-concenter>a').parent().addClass('over')
您需要更改当前菜单
和类
,以满足您的需要。这对我很管用。我不知道你的网站是如何设置的(动态内容)。希望它能为你指明正确的方向。谢谢你的帮助。我没能让它工作,但这只是因为我甚至不知道该怎么处理它…:(显然不是你的错,我相信你给我的那句话很好用,但是,你能把它添加到当前的.js中吗?你能把它粘贴到html中吗?我怎么告诉代码只在上面提到的链接上这样做?嘿@GonzaloFernandez,你想跳过聊天来澄清你需要什么吗?
$(document).ready(function(){
$("#nav > li > a").on("click", function(e){
if($(this).parent().has("ul")) {
e.preventDefault();
}
if(!$(this).hasClass("open")) {
// hide any open menus and remove all other classes
$("#nav li ul").slideUp(350);
$("#nav li a").removeClass("open");
// open our new menu and add the open class
$(this).next("ul").slideDown(350);
$(this).addClass("open");
}
else if($(this).hasClass("open")) {
$(this).removeClass("open");
$(this).next("ul").slideUp(350);
}
});
});