Javascript 单击li列表不会触发任何事件
你们能看一下并让我知道为什么点击列表并没有启动任何页面功能吗Javascript 单击li列表不会触发任何事件,javascript,jquery,html,Javascript,Jquery,Html,你们能看一下并让我知道为什么点击列表并没有启动任何页面功能吗 <ul id="slider"> <li class="expandOnClick"> <a href="#">One</a> </li> <li class="expandOnClick"> <a href="#">Two</a> <ul class="mus
<ul id="slider">
<li class="expandOnClick">
<a href="#">One</a>
</li>
<li class="expandOnClick">
<a href="#">Two</a>
<ul class="musthidden">
<li><a class="prevent" href="#">Two _ 1</a></li>
<li><a class="prevent" href="#">Two _ 2</a></li>
<li><a class="prevent" href="#">Two _ 3</a></li>
<li><a class="prevent" href="#">Two _ 4</a></li>
</ul>
</li>
<li class="expandOnClick">
<a href="#">Three</a>
<ul class="musthidden">
<li><a class="prevent" href="#">Three _ 1</a></li>
<li><a class="prevent" href="#">Three _ 2</a></li>
<li><a class="prevent" href="#">Three _ 3</a></li>
<li><a class="prevent" href="#">Three _ 4</a></li>
</ul>
</li>
<li class="expandOnClick">
<a href="#">Four</a>
</li>
</ul
脚本:
$(".expandOnClick").click(function (e) {
e.preventDefault();
$(".musthidden").slideUp();
$(this).parent("li").each(function () {
if ($('.musthidden', this).css('display') == 'none') {
$(".musthidden", this).slideDown();
}
});
});
谢谢
我认为这就是您试图做的,在函数末尾使用prevent default并使用jquery.children将函数应用于子函数
$(".expandOnClick").click(function (e) {
$(this).siblings().children(".musthidden").slideUp();
$(this).children(".musthidden").slideDown();
e.preventDefault();
})) 您有一个隐藏已隐藏内容的幻灯片;)我想,几乎可以尝试一下滑动切换。您的代码中有一个小缺陷—当您单击已打开的Li时,它会将其上下滑动;)谢谢泰莫,特里是对的,你在点击时测试了发生了什么吗?是的,你找到我了:我已经解决了。请看一看
$(".expandOnClick").click(function (e) {
$(this).siblings().children(".musthidden").slideUp();
$(this).children(".musthidden").slideDown();
e.preventDefault();