0

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

javascript（带有静态ID等）

问题：

如果我快速多次在该 li 上悬停，它会向上滑动和向下滑动重复次数与悬停在其上的次数一样多.......... ?????????? 

 $(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>

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

4

1 回答 1

0

你可以更清洁：

$(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();
        });
});
于 2012-10-24T12:36:29.063 回答