无法从表格行上的按钮获得引导按钮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

回答

相关问题