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