Jquery 如何使嵌套链接再次处于活动状态?
我正在制作一个嵌套的ul幻灯片,当它的父链接被点击用于客户端导航时,父链接被禁用,返回false。但是返回false也会停用子链接,我如何避免这种情况Jquery 如何使嵌套链接再次处于活动状态?,jquery,navigation,css-selectors,Jquery,Navigation,Css Selectors,我正在制作一个嵌套的ul幻灯片,当它的父链接被点击用于客户端导航时,父链接被禁用,返回false。但是返回false也会停用子链接,我如何避免这种情况 $("li.page_item a:first-child").click(function() { //select it's direct sub ul var subnav = $(this).next(); //other subnavs var navsibling = $(this).parent()
$("li.page_item a:first-child").click(function() {
//select it's direct sub ul
var subnav = $(this).next();
//other subnavs
var navsibling = $(this).parent().siblings('li').children('ul');
//hide siblings subnav
if (navsibling.is(":open")) {
navsibling.slideUp("slow");
}
// check to see if sub is hidden, open if it is, close if it isn't
if (subnav.is(":hidden")) {
subnav.slideDown("slow");
} else {
subnav.slideUp("slow");
}
// stop the top level link from linking
return false;
});
我认为使用a:first child只会将返回值false应用于特定的a,而不是它的任何兄弟姐妹的孩子。。。建议
编辑:它是wordpress中的列表页面小部件,基本上标记如下:
<ul>
<li class="page_item"><a href="">Link</a>
<ul>
<li><a href="">SubLink</a></li>
<li><a href="">SubLink</a></li>
<li><a href="">SubLink</a></li>
<li><a href="">SubLink</a></li>
</ul>
</li>
<li class="page_item"><a href="">Link</a>
<ul>
<li><a href="">SubLink</a></li>
<li><a href="">SubLink</a></li>
<li><a href="">SubLink</a></li>
<li><a href="">SubLink</a></li>
</ul>
</li>
</ul>
-
-
试试看
可能您应该向我们展示您的ul幻灯片的HTML代码,以便更好地理解问题,或者等效地,
$('li.page\u item>a:first child')
$("li.page_item").children("a:first-child").click(function() {