jquery點擊引導下拉菜單

Question

我有一個問題。我有一個代碼爲引導下拉：

<div class=\"pull-right\" style=\"padding-right:10px;\"> 
     <!-- Split button --> 
     <div class=\"btn-group\"> 
     <button type=\"button\" id=\"dataTitle\" data-title=\"Beheer informatie over uw dier\" class=\"btn btn-success btn-xs\"><i class=\"fa fa-pencil-square-o\"></i></button> 
     <button type=\"button\" id=\"dataTitle\" data-title=\"Beheer informatie over uw dier\" class=\"btn btn-success btn-xs dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\"> 
     <span class=\"caret\" style=\"margin-top:0;\"></span> 
     <span class=\"sr-only\">Toggle Dropdown</span> 
     </button> 
     <ul class=\"dropdown-menu\"> 
      <li><a id=\"dataTitle\" data-title=\"Klik hier om de informatie over uw dier te wijzigen\" href=\"#\"><i class=\"fa fa-pencil\"></i> Wijzigen</a></li> 
      <li role=\"separator\" class=\"divider\"></li> 
      <li><a id=\"dataTitle btnVerwijderen-". $redPet["id"] ." linkDelete\" data-title=\"Klik hier om uw dier te verwijderen\"><i class=\"fa fa-trash\"></i> Verwijderen</a></li> 
     </ul> 
     </div> 
</div> 

現在我想打電話給jQuery的單擊事件做AJAX的東西，但它不會工作。我的jQuery代碼是：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(document).on("click","a#linkDelete", function(e){ 
      alert("Pushed"); 
      e.preventDefault(); 
     }); 
    }); 
</script> 

我沒有看到警告窗口，當我點擊下拉菜單中的鏈接時。 當我嘗試像

<a id=\"dataTitle btnVerwijderen-". $redPet["id"] ." linkDelete\" data-title=\"Klik hier om uw dier te verwijderen\"><i class=\"fa fa-trash\"></i> Verwijderen</a> 

到位下拉列表中，然後正常工作。

任何幫助？

Answer 1

您正在使用id ='linkDelete'的元素，但這只是您的ID中的文本（不完全匹配）。所以你需要使用contain(*)選擇器。

$(document).ready(function() { 
     $(document).on("click","a[id*=linkDelete]", function(e){ 
      alert("Pushed"); 
      e.preventDefault(); 
     }); 
    });