2012-10-24 78 views
0

我已經創建了一個動態的側面類別菜單.....在jquery,但它有時不能正常工作......我不知道背後的原因,,,,我給代碼靜態(從螢火蟲中挑選)。 PLZ很快就會看到它&如果代碼可能是在工作比它(給予)更多更好的,菜單可以更流暢,然後PLZ我提供的代碼或鏈接... thnkujquery方面類別菜單

的javascript (靜態ID等)

問題:

如果我快速度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會提供我的代碼,然後更好以上 給我將是(你的)代碼轉換成動態的自己.... ...

回答

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(); 
     }); 
}); 
+0

仍然沒有工作........ –

+0

sry,更新。忘了刪除括號.. – lrsjng

+0

所以,它現在的作品..添加了一些停止呼叫(請參閱更新的代碼)來處理您的動畫問題。請不要忘記投票並接受,如果這個工程。 – lrsjng