0

jqueryで動的なサイドカテゴリメニューを作成しましたが、正しく機能しない場合があります...背後にある理由がわかりません、、、、コードを静的に指定しました（firebugから選択） 。plzはすぐにそれを見て、コードがより良くなり、メニューが（与えられた）よりもスムーズに機能するようになれば、plzはそのコードまたはリンクを私に提供します... thnku

javascript（静的IDなど）

問題：

そのliに1回以上ホバリングすると、上にスライドして下にスライドし、ホバーした回数だけ繰り返します.......... ?????????? 

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

uが私にコードを提供する場合は、上記のコードよりも適切に、その（あなたの）コードを動的に変換します......。

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 に答える