Question

我已经创建了一个动态的侧面类别菜单.....在jquery，但它有时不能正常工作...我不知道背后的原因,,,,我给了代码静态（从萤火虫）。请尽快看到它＆amp;如果代码可以更好，并且菜单在工作中可以比在给定时更顺畅，那么plz为我提供了代码或链接...... thnku

javascript（带静态ID等）

问题：

如果我快速超过一次悬停在那个li上，它就会向上滑动＆amp;向下滑动重复自己悬停在它上面的次数.......... ???????????

 $(document).ready(function () { $(' #cate_id2 > ul').show(); });
        $(document).ready(function () {
            $(' #cate_id2 > ul > #subcate_id4 > div').hide();

            $(' #cate_id2 > ul > #subcate_id4 ').hover(function () {
                $(' #cate_id2 > ul > #subcate_id4 > div').slideDown("fast");
            },

           function () {
               $(' #cate_id2 > ul > #subcate_id4 > div').slideUp("fast");
           });
        });

html（静态代码）

         <li id="cate_id2">
               <a href="CateProducts.aspx">Laptops &amp; Notebooks</a>  
            <ul style="display: block;">
               <li id="subcate_id3">
                     <a href="SubCateProducts.aspx"> MACS</a>
               </li>
               <li id="subcate_id4">
                     <a href="SubCateProducts.aspx"> Windows</a>
                <div style="border: 1px solid black; display: none;">
                   <ul style="border: 1px solid black; display: block;">
                      <li><a href="SubSubCateProducts.aspx">notebook</a></li>
                      <li><a href="SubSubCateProducts.aspx">probook</a></li>
                   </ul>
                </div>
               </li>
             </ul>
          </li>

如果你能提供我的代码，那么上面给出的更好我会将那个（你的）代码转换成动态自己.......

Answer 1

你可以做得更清洁：

$(function () {
   $('#cate_id2 > ul').show();
   $('#cate_id2 > ul > li')
        .on('mouseover', function () {
            $(this).find('div').stop(true, true).slideDown();
        })
        .on('mouseout', function () {
            $(this).find('div').stop(true, true).slideUp();
        });
});

jquery边类别菜单

1 个答案: