jquery 中的对话框错误
Dialog box error in jquery
我有此代码在对话框中添加图像。当我单击按钮时,它会第一次将图像添加到对话框中,但是当我第二次单击按钮时,图像不会显示在对话框中。问题出在哪里?
<!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>
发生这种情况是因为您在每次单击时都会创建对话框,然后在它之后进行.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');
}
}
});
});
});
小提琴:
http://jsfiddle.net/nfhLjkv7/
如果您不需要在每次单击时创建对话框,只需在单击功能上打开对话框
相关文章:
- jQuery UI对话框错误,按钮导致HierarchyRequestError
- 在引导盒对话框中使用 Blaze.render - 得到奇怪的错误
- 动态创建的 jQuery UI 对话框错误后 jQuery 2.2.0 升级
- 检查对话框是否为 Open 会引发“初始化前无法在对话框上调用方法”错误
- 动手错误:在 jquery UI 中启动时,对话框是不可编辑的
- 生成对话框angularjs时出现DialogProvider错误
- JQUERY对话框未捕获错误:初始化之前无法调用对话框上的方法
- Facebook发送对话框类型错误
- 对话框函数错误无效函数
- 将html保存为xls-JS保存对话框错误
- 未捕获错误:初始化前无法在对话框上调用方法;尝试调用方法“打开”
- j查询验证重置表单错误,当我关闭对话框
- “Jquery”对话框错误
- jquery 中的对话框错误
- 对话框出现错误“ 未捕获的类型错误: 无法读取未定义的属性'sdIntContent'”
- 对话框给出类型错误
- Delphi-can't在多线程应用程序中使用IWebBrowser2来抑制JavaScript错误对话框
- 未捕获的类型错误:$(…).对话框不是创建对话框时的函数错误
- jquery为错误对话框设置了一个新的CSS类
- 命令中的触发 Elfinder 错误对话框