無法從表格行上的按鈕獲得引導按鈕ID

我正在使用Bootstrap，並認爲我會很聰明並在表格中放置一些按鈕。唉，沒有任何反應。按鈕狀態的變化，但除此之外，沒有錯誤，沒有警報，沒有響應。無法從表格行上的按鈕獲得引導按鈕ID

我略表

<table class="table"> 
    <tr> 
     <td>Entry of some sort</td> 
     <td><button type="button" class="btn btn-default btn-xs" id="edit_Button">Edit</button></td> 
     <td><button type="button" class="btn btn-default btn-xs" id="delete_Button">Delete</button></td> 
    </tr> 
</table>

的jQuery我的按鈕

$(document).ready(function() {  
    $(".table .btn").click(function(e){ 
     e.preventDefault(); 
     var id = $(this).attr('id'); 
     alert(id); 
    }); 
});

來源

2014-04-11 Layne

您的jQuery您在代碼中有一個語法錯誤：'ID = $（本）.attr（ '身份證'）'應該是'VAR ID = $（本）。 attr（'id'）;' – nstungcom

';'這裏不是一個大問題。 @highqweb – Jai

已更新，但顯然不是問題的原因。 – Layne

定義函數內部$(document).ready(function()

由於您的按鈕動態創建的DOM，單擊事件將不適用於這些按鈕。在這種情況下，活動委派將幫助您附加該活動。

試試這個

$(document).ready(function() { 
    $(document).on('click', ".table .btn", function (e) { 
     e.preventDefault(); 
     id = $(this).attr('id') 
     alert(id); 
    }); 
});

DEMO

來源

2014-04-11 06:21:04

它已經是我忘了添加到原始代碼段。我更新了原始帖子。 – Layne

jsfiddle @Layne警報工作，以便您的code.check瀏覽器控制檯沒有錯誤任何錯誤？你是否加載jQuery？ –

@Layne是動態創建的按鈕嗎？ –

請添加您的功能上Dom Ready

嘗試這個

$(function(){ 

     $('body').on('click','.table .btn','',function(e){ 
      e.preventDefault(); 
      var id = $(this).attr('id'); 
      alert(id); 
     }); 

    });

CHECK DEMO HERE

來源

2014-04-11 06:23:20 Kiranramchandran

寫

$(document).ready(function(){ 
//here 
     $(".table .btn").click(function(e){ 
     e.preventDefault(); 
     id = $(this).attr('id') 
     alert(id); 
     }); 
});

來源

2014-04-11 06:23:24

無法從表格行上的按鈕獲得引導按鈕ID

回答

相關問題