jquery动态添加的button如何对其添加事件响应？

UU1221 2012-03-29 11:23:07



   $("#addNum").click(function() {

   var trHTML = '<tr><td><input type="button" id="select1" value="选择页面"></td></tr><tr><td colspan="8"><div id="view11"></div></td></tr>';

   $("#tab2").append(trHTML);//在table最后面添加一行

   });



$("#select1").click(function(){

       	alert("Hello");

       });

如上面的jquery代码，首先我动态添加一个id="select1"的button，然后再对其添加了click事件，如下，但是我点button却没有反应，请问为什么呢？谢谢！

...全文

2744 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

傻蛋爱蜗牛 2014-03-13

打赏
举报

谢谢楼主们的帮忙！

UU1221 2012-03-29

打赏
举报

[Quote=引用 4 楼的回复:]

后置事件尽量用class来做指定
$("#addNum").click(function() {
var trHTML = '<tr><td><input type="button" class="select1" value="选择页面"></td></tr><tr><td colspan="8"><div id="view11"></div></td></tr>';
$("……
[/Quote]

谢谢！可以！

UU1221 2012-03-29

打赏
举报

[Quote=引用 5 楼的回复:]

引用 2 楼的回复:

引用 1 楼的回复:

好像通过innerHTML这种形式加的是有点问题。

你加的时候就直接把onclick事件加上如：<input type="button" onclick="你的function" id="select1" value="选择页面">

没用啊，还是没任何反应...

没理由吧，是不是你页面其它地方有错误哦？
[/Quote]
确实没用，谢谢！

dryZeng 2012-03-29

打赏
举报

[Quote=引用 2 楼的回复:]

引用 1 楼的回复:

好像通过innerHTML这种形式加的是有点问题。

你加的时候就直接把onclick事件加上如：<input type="button" onclick="你的function" id="select1" value="选择页面">

没用啊，还是没任何反应...
[/Quote]

没理由吧，是不是你页面其它地方有错误哦？

beiouwolf 2012-03-29

打赏
举报

后置事件尽量用class来做指定
$("#addNum").click(function() {
var trHTML = '<tr><td><input type="button" class="select1" value="选择页面"></td></tr><tr><td colspan="8"><div id="view11"></div></td></tr>';
$("#tab2").append(trHTML);//在table最后面添加一行
});

var onBtnClick = function() {
alert("hello");
}
$(".select1").live('click',onBtnClick);

qq827010202 2012-03-29

打赏
举报

你所在的函数，要在界面加载时，被调用。试试。好久没看这个啦啦。

UU1221 2012-03-29

打赏
举报

[Quote=引用 1 楼的回复:]

好像通过innerHTML这种形式加的是有点问题。

你加的时候就直接把onclick事件加上如：<input type="button" onclick="你的function" id="select1" value="选择页面">
[/Quote]

没用啊，还是没任何反应...

dryZeng 2012-03-29