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