Javascript Can';无法从表行上的按钮获取引导按钮ID
我用的是Bootstrap,我想我会很聪明,把一些按钮放在桌子里。唉,什么也没发生。按钮状态改变,但除此之外,没有错误,没有警报,根本没有响应 我的缩写表Javascript Can';无法从表行上的按钮获取引导按钮ID,javascript,jquery,button,twitter-bootstrap-3,Javascript,Jquery,Button,Twitter Bootstrap 3,我用的是Bootstrap,我想我会很聪明,把一些按钮放在桌子里。唉,什么也没发生。按钮状态改变,但除此之外,没有错误,没有警报,根本没有响应 我的缩写表 <table class="table"> <tr> <td>Entry of some sort</td> <td><button type="button" class="btn btn-default btn-xs" id="edi
<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>
在
$(文档)中定义函数。就绪(函数()
由于您的按钮是动态创建到DOM的,因此单击事件将不适用于这些按钮。在这种情况下,事件委派将帮助您附加该事件
试试这个
$(document).ready(function () {
$(document).on('click', ".table .btn", function (e) {
e.preventDefault();
id = $(this).attr('id')
alert(id);
});
});
在
$(文档)中定义函数。就绪(函数()
由于您的按钮是动态创建到DOM的,因此单击事件将不适用于这些按钮。在这种情况下,事件委派将帮助您附加该事件
试试这个
$(document).ready(function () {
$(document).on('click', ".table .btn", function (e) {
e.preventDefault();
id = $(this).attr('id')
alert(id);
});
});
请在
Dom Ready
试试这个
$(function(){
$('body').on('click','.table .btn','',function(e){
e.preventDefault();
var id = $(this).attr('id');
alert(id);
});
});
请在
Dom Ready
试试这个
$(function(){
$('body').on('click','.table .btn','',function(e){
e.preventDefault();
var id = $(this).attr('id');
alert(id);
});
});
用
$(document).ready(function(){
//here
$(".table .btn").click(function(e){
e.preventDefault();
id = $(this).attr('id')
alert(id);
});
});
在中编写jquery
$(document).ready(function(){
//here
$(".table .btn").click(function(e){
e.preventDefault();
id = $(this).attr('id')
alert(id);
});
});
代码中有语法错误:
id=$(this).attr('id')
应该是var id=$(this.attr('id');
;
在这里不是个大问题。@highqwebUpdated,但显然不是问题的原因。在这里工作正常:代码中有语法错误:id=$(this.attr('id'))
它应该是var id=$(this.attr('id'));
;
在这里不是什么大问题。@highqwebUpdated,但显然不是问题的原因。在这里工作很好:已经很好了,我只是忘了添加到原始代码段中。我更新了原始文章。@Layne在jsfiddle警报中工作,所以代码中没有错误。检查浏览器控制台是否有错误?是否加载了jquery?@Layne该按钮是创建的吗动态加载的jquery和console没有显示任何错误。所有其他按钮都按预期工作。只有表中的按钮没有响应。是的,表是通过PHP动态创建的。按钮代码是echo的一部分。它已经是了,我只是忘了添加到原始代码段中。我更新了原始帖子。@JSFIDLE alert中的Layne正在工作,所以您没有错误r code.check浏览器控制台有错误吗?是否加载了jquery?@Layne是动态创建的按钮吗?加载的jquery和控制台显示没有错误。所有其他按钮都按预期工作。只有表中的按钮没有响应。是的,表是通过PHP动态创建的。按钮代码是echo的一部分。