Javascript jquery中的对话框错误
我有这个代码在对话框中添加一个图像。当我第一次单击按钮时，它会将图像添加到对话框中，但当我第二次单击按钮时，图像不会显示在对话框中。有什么问题Javascript jquery中的对话框错误,javascript,jquery,Javascript,Jquery,我有这个代码在对话框中添加一个图像。当我第一次单击按钮时，它会将图像添加到对话框中，但当我第二次单击按钮时，图像不会显示在对话框中。有什么问题 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Dialog functionality</title> <link href="http://code.jq
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Dialog functionality</title>
<link
href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<!-- CSS -->
<style>
.ui-widget-header,.ui-state-default,ui-button {
background: #b9cd6d;
border: 1px solid #b9cd6d;
color: #FFFFFF;
font-weight: bold;
}
</style>
<!-- Javascript -->
<script>
$(function() {
//Button function
$("#button").click(function(){
$('<div id="dialog" title="title">Imageselected</div>').dialog({
resizable:false,
buttons: {"Enrol": function(){
$(this).dialog('close');
},
"CancelEnrol": function()
{
$(this).dialog('close');
}
}
});
$('#dialog').append('<img src="https://www.google.co.in/logos/doodles/2014/world-cup-2014-1-6584893165273088-res.png"/><br/>').append($(this).html());
});
});
</script>
</head>
<body>
<input type="button" id="button" value="Reset"/>
</body>
</html>
jQuery UI对话框功能
.ui小部件标题、.ui状态默认值、ui按钮{
背景#b9cd6d；
边框：1px实心#b9cd6d；
颜色：#FFFFFF；
字体大小：粗体；
}
$（函数（）{
//按钮功能
$（“#按钮”）。单击（函数（）{
$（'Imageselected'）。对话框({
可调整大小：false，
按钮：{“注册”：函数（）{
$（this.dialog（'close'）；
},
“取消注册”：函数（）
{
$（this.dialog（'close'）；
}
}
});
$（'#dialog'）.append（'
'）.append（$（this.html（））；
});
});
.append$(function() {
//Button function
$("#button").click(function(){
$('<div id="dialog" title="title">Imageselected</div>').append('<img src="https://www.google.co.in/logos/doodles/2014/world-cup-2014-1-6584893165273088-res.png"/><br/>').append($(this).html()).dialog({
resizable:false,
buttons: {"Enrol": function(){
$(this).dialog('close');
},
"CancelEnrol": function()
{
$(this).dialog('close');
}
}
});
});
});
$（函数（）{
//按钮功能
$（“#按钮”）。单击（函数（）{
$（'Imageselected'）.append（'
'）.append（$（this.html（））.dialog({
可调整大小：false，
按钮：{“注册”：函数（）{
$（this.dialog（'close'）；
},
“取消注册”：函数（）
{
$（this.dialog（'close'）；
}
}
});
});
});
如果不需要在每次单击时创建对话框，只需在单击功能上打开对话框第二次对话框中有什么？创建的结果标记是什么？当您在调试器中单步执行代码时，第二次单击按钮的行为是否有任何不同？什么是
choice（true）choice（false）