当前位置: 代码迷 >> J2EE >> jquery动态添加的button怎么对其添加事件响应
  详细解决方案

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

热度:14   发布时间:2016-04-22 01:52:58.0
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);
  相关解决方案