jquery动态添加的button怎么对其添加事件响应

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

JScript code

   $("#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却没有反应，请问为什么呢？谢谢！



[解决办法]
好像通过innerHTML这种形式加的是有点问题。

你加的时候就直接把onclick事件加上如：<input type="button" onclick="你的function" id="select1" value="选择页面">
[解决办法]
你所在的函数，要在界面加载时，被调用。试试。好久没看这个啦啦。
[解决办法]
后置事件尽量用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);

查看更多 下一篇