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);