日期:2014-05-19  浏览次数:20689 次

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