2016-06-13 41 views
1

我的列表看起來像這樣;關於列表點擊>獲取根UL ID

<ul id="SiteNav" class="Mail New"> 
    <li class="Send"><a href="javascript:;" data-action="mail-send">Send</a></li> 
    <li class="Insert"> 
     <a href="javascript:;" class="Drop">Insert <i class="fa fa-angle-down"></i></a> 
     <ul> 
      <li><a href="javascript:;" data-action="mail-files-as-attachments">Files as attachments</a></li> 
      <li><a href="javascript:;" data-action="mail-pictures-inline">Pictures inline</a></li> 
      <li><a href="javascript:;" data-action="mail-share-from-BananzaCloud">Share from BananzaCloud</a></li> 
     </ul> 
    </li> 

然後我的腳本開始;

$(document).on('mousedown', function(e) { 

上的所有鏈接點擊該菜單上,我要檢查,如果$(e.target)是id="SiteNav"

+0

'$(文件)。在( '鼠標按下', '#SiteNav',函數(E){' – Rayon

+0

@Rayon在聽SiteNav是一個ID不是一個類,所以這不會工作 – Mivaweb

+1

@Mivaweb,編輯!謝謝;) – Rayon

回答

0

孩子你可以聽所有文件鼠標按下事件,並根據這些過濾器上事件目標。

$(document).on('mousedown', function(e) { 

     if ($(e.target).parents('#SiteNav').length){ 

      //your code 
     } 
    }) 

或更好的方法直接在菜單容器

$('#SiteNav a').on('mousedown', function(e) { 
console.log('test'); 
}) 
+0

添加一些解釋給你的代碼,使OP知道你在做什麼! – Mivaweb

+0

無論我的菜單達到多少層次,這項工作是否可行?並且謝謝@Mivaweb –

+0

'if($(e.target).parents('#SiteNav')。length){'對於我需要做的事完美無缺,謝謝 –