读书人

JQ生成的button和直接写在网页中的效果

发布时间: 2012-03-29 12:53:12 作者: rapoo

求助: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('...');   });}); 

读书人网 >JavaScript

热点推荐