0

我正在使用带有 jquery 的 superfish ( http://users.tpg.com.au/j_birch/plugins/superfish/#aa ) 来进行菜单控制。几乎所有元素都设置在

  • 嵌套在 . 每次关闭超级鱼菜单时,我都想隐藏一个菜单项(我用 .show() 在其他地方显示)。所以,我的 superfish 初始化看起来像这样:

    $(document).ready(function () {
        $("#menu").superfish({
              delay: 400,
              onHide: function () { $("#HideThis").hide(); }
         });
     });
    

    但是,它会在 HideThis 悬停时隐藏 HideThis(没有悬停事件绑定到该元素)。这使得菜单项无法使用,因为当您尝试单击它而不是菜单关闭时它会隐藏。似乎没有任何其他事件可以符合我的目的,有什么想法可以通过超级鱼来实现吗?

    我使用的 HTML 如下所示:

    <ul id="menu">
      <li id="Stuff"><span>Stuff</span>
         <ul>
            <li id="HideThis" ><span>Hide This</span>
               <ul>
                  <li><span>Hidden Stuff</span></li>
               </ul>
            </li>
            <li id="DontHideThis" ><span>Dont Hide This</span></li>
         </ul>
      </li>
    </ul>
    

    编辑:我能够找出问题所在:每次隐藏子菜单时都会触发“onHide”事件,而不仅仅是在整个菜单隐藏时(有趣的是,它也会在菜单首次显示时触发;所以 onHide 发生的频率更高超出您的预期)。所以,我最终不得不像这样过滤 onHide:

    $(document).ready(function () {
       $("#menu").superfish({
          delay: 400,
          onHide: function () { if ($('ul.sf-menu li.sfHover').length == 0) $("#HideThis").hide(); }
       });
    });
    

    并且“if”语句仅在所有菜单都折叠时才成立。

  • 4

    1 回答 1

    1

    你最好为这种事情创建一个 jsFiddle。我在这里为你做了一个,并添加了一些粗略的样式,以及一个.sf-menu用于悬挂所述样式的类。从我所见,您的代码似乎可以按照您的意愿工作。如果这没有帮助,请随时描述我所缺少的。

    于 2013-03-08T10:08:41.077 回答