jquery - 在 wordpress 主题上修复 Jquery 垂直手风琴中奇怪的跳跃故障

Question

我对 JQuery 完全陌生，我一直在基于模板构建一个 wordpress 站点，并且手风琴菜单会跳动，有时会在您滚下后继续跳动一段时间，这很烦人。我想要做的是阻止它作为悬停工作，而是将其更改为仅在单击时打开/关闭。

这是我的代码

/*

主菜单

*/

功能主菜单（）{

jQuery("nav ul li").hover(function () 
{

    jQuery(this).find("ul").fadeIn(0).slideUp(0).slideDown(800);

}, function () 
{

    jQuery(this).find("ul").slideUp(800);       

});

jQuery("nav ul li").each(function () 
{

    if (jQuery(this).find("ul").size() > 0) jQuery(this).find("a").filter(":first").append(" +");

});

}

注意：此故障仅在您向导航添加第三级时发生。这是这个模板的一个常见问题，这里也是这个问题的视频 http://youtu.be/lgbxWbmzbaw

Answer 1

给你滑动的元素一个固定的宽度来防止这个问题。没有固定宽度，jQuery 无法准确计算目标高度。

此外，替换.size()为.length,.size()已贬值，是一种不好的做法。

在不需要固定宽度的情况下防止此问题的唯一其他方法是将高度直接设置为设置高度。