Jquery .fadeToggle()使我的子列表不可用
我将列表嵌套在一个列表中,当用户单击相应的主题时,我尝试切换子列表。但是,用户可以单击子列表上的任何位置来关闭子列表,这将使链接无法访问。(我知道现在子列表中没有链接)。 你能帮我解决这个问题吗Jquery .fadeToggle()使我的子列表不可用,jquery,html,Jquery,Html,我将列表嵌套在一个列表中,当用户单击相应的主题时,我尝试切换子列表。但是,用户可以单击子列表上的任何位置来关闭子列表,这将使链接无法访问。(我知道现在子列表中没有链接)。 你能帮我解决这个问题吗 $(文档).ready(函数(){ $(“#列表li”)。单击(函数(){ $(this.find(“ul”).fadeToggle(); }); }); 专题一 一, 二, 三, 要解决此问题,可以在单击处理程序中调用stopPropagation()。这将阻止事件从DOM冒泡到父级l
$(文档).ready(函数(){
$(“#列表li”)。单击(函数(){
$(this.find(“ul”).fadeToggle();
});
});代码>
-
专题一
- 一,
- 二,
- 三,
要解决此问题,可以在单击处理程序中调用stopPropagation()
。这将阻止事件从DOM冒泡到父级li
并使ul
褪色
$(文档).ready(函数(){
$(“#列表li”)。单击(函数(e){
e、 停止传播();
$(this.find(“ul”).fadeToggle();
});
});代码>
-
专题一
- 一,
- 二,
- 三,
这比尝试停止播放效果更好(请参阅下一段代码以了解解释):
$(文档).ready(函数(){
$(“#列表范围”)。单击(函数(e){
$(this.next(“ul”).fadeToggle();
});
});代码>
-
专题一
- 一,
- 二,
- 三,
如果在内部liststoppropagation中的LIs之间单击,仍将关闭。但当单击子列表中LIs之间的裂缝时,它并没有完全起作用。我已经确定,现在欢迎你。请访问