日期:2014-05-16  浏览次数:20416 次

求助:JQ生成的button和直接写在网页中的效果不同?
1。JQ生成
JS:
var tablesubmit = "";
  tablesubmit += "<div class='clear'></div><div class='submit topbar'>"
  tablesubmit += "<input id='btn_Submit' type='button' value='交 卷' /></div>";
  $("#submit").html(tablesubmit);
HTML:<div id="submit"></div>

然后再使用JS:

$('#btn_Submit').click(function () {
ALERT('哈哈');
}

就是不弹出对话框:(晕死

而把button直接写在HTML里,就可以弹出来:(

2。直接写在HTML

HTML:<div id="submit"><input id='btn_Submit' type='button' value='交 卷' /></div>


这是为什么呀:(

------解决方案--------------------
可能是代码的顺序由问题,对动态生成的元素绑定事件最好使用.live()方法。
JScript code
$(document).ready( function() {
   $('#btn_Submit').live('click', function() {
      alert('...');
   });
});