我有一个函数，显示一个称为“ window”的div。我想在执行该函数时在此窗口中引入2个按钮，所以我使用.html（）：
<script>
$(document).ready(function() {
$("#show").click(function() {
$(".window").fadeIn();
$(".window").html("<button id='ok'>ok</button><button id='cancel'>Cancel</button>");
$("#ok").click(function() {
//my function...
});
});
});
</script>
问题是，尽管在“窗口”内部显示了按钮“确定”和按钮“取消”，但是只有按钮“确定”有效。单击时，“取消”按钮不起作用！怎么了？
取消功能：
<script>
$(document).ready(function(){
$("#cancel").click(function(){
$(".window").fadeOut("fast");
});
});
</script>
这将起作用：
$(document).ready(function(){
$("#show").click(function(){
$(".window").fadeIn();
$(".window").html("<button id='ok'>ok</button><button id='cancel'>Cancel</button>");
$("#ok").click(function(){
});
$("#cancel").click(function(){
$(".window").fadeOut();
});
});
});
编辑：（正确的jsfiddle链接）示例：http : //jsfiddle.net/7TCcf/希望对您有所帮助
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句