jQuery e.prevent默認適用於兒童li

我是jQuery的初學者。我創建了自己的下拉列表中，而問題是，當我創建e.preventDefault();它適用於孩子太下拉，我想避免jQuery e.prevent默認適用於兒童li

HTML

<div id="wrapper" class="container"> 
    <nav> 
     <ul> 
      <li><a href="">ABOUT PGP</a></li> 
      <li class="parent"><a href="#">SERVICES</a> 
       <ul class="sub-menu"> 
        <li><a href="">Overview</a></li> 
        <li><a href="">Industry Expertise</a></li> 
        <li><a href="">Cross-Cultural Expertise</a></li> 
        <li><a href="">Value Proposation</a></li> 
       </ul> 
      </li> 
      <li class="parent"><a href="">TRANSACTIONAL EXPERIENCE</a> 
       <ul class="sub-menu"> 
        <li><a href="">Select Transactions</a></li> 
        <li><a href="">Prior Transactions</a></li> 
       </ul> 
      </li> 
      <li class="parent"><a href="#">TEAM</a> 
       <ul class="sub-menu"> 
        <li><a href="index.html">Professionals</a></li> 
        <li><a href="">Board of Directors</a></li> 
        <li><a href="">Advisory Board</a></li> 
       </ul> 
      </li> 
      <li class="parent"><a href="">MEDIA</a> 
       <ul class="sub-menu"> 
        <li><a href="" class="long">PGP Press Releases & Announcements</a></li> 
        <li><a href="" class="long">PGP In The Newss</a></li> 
       </ul> 
      </li> 
      <li><a href="">STRATEGIC PARTNERS</a></li> 
      <li><a href="">CONTACT US</a></li> 
     </ul> 
    </nav> 
</div>

jQuery的

<script> 
$(function(){ 
    $('li.parent').bind('click', function(e){ 
     e.preventDefault(); 

     $(this).children('ul.sub-menu').fadeIn(800); 
    }); 
}); 
</script>

難道有人請給我一個暗示我做錯了什麼嗎？

來源

2013-05-20 Web Student

你不能只用'$（'li.parent> a'）'嗎？即。目標只包含在'父' – billyonecan

對於父母，您只能使用preventDefault。

$('.parent').bind('click', function(e){ 
    if(event.target.className === 'parent') 
     e.preventDefault();  
    $(this).children('ul.sub-menu').fadeIn(800); 
});

來源

2013-05-20 10:15:52 Adil

謝謝，但我只想使用父母 –

預防默認包含的錨檢查我更新的答案。 – Adil

感謝您的幫助:) –

查看event.target/event.originalTarget，查看生成事件的元素並進行相應的響應。

if (e.target.tagName === "LI" || e.target.tagName === "li") 
{ 
    e.preventDefault(); 
    $(this).children('ul.sub-menu').fadeIn(800); 
}

來源

2013-05-20 10:14:06

你可以試試這個：

$('li.parent, li.parent > a').bind('click', function(e){ 
    e.preventDefault(); 
    $('ul.sub-menu', this).fadeIn(800); 
});

嘗試獲得直接子>和防止元素的默認操作。

來源

2013-05-20 10:25:02 Jai

jQuery e.prevent默認適用於兒童li

回答

相關問題