jQuery 3 级幻灯片切换弹跳

Posted 2023-02-25

【中文标题】jQuery 3 级幻灯片切换弹跳

【英文标题】：jQuery 3rd Level slideToggle Bouncing

【发布时间】：2012-05-03 15:33:29

【问题描述】：

我正在使用jQuery构建一个基于标准ul>li结构的下拉导航。

一切正常，但是，当我进入三级项目时，slideToggle 函数会导致“反弹”并且永远不会显示子 UL

由于有相当多的代码，我将其发布在这里：http://jsfiddle.net/ChGXt/2/

我确定这很简单，但我就是想不通。

【参考方案1】：

当您降至该级别时，您需要停止传播单击事件以备份您的 li 结构。试试这个：

$('nav ul').delegate('.sub_nav', 'click', function(e) 
    e.stopPropagation();

    // rest of the code...
);

Updated fiddle