0
我已经写了一个简单的代码测试Jqyery UI对话是这样的:添加jQuery UI的对话框将按钮
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="topo.css">
<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script>
plugin = {
mainPageRenderer: function() {
var plugin = this;
var addButton = $('<input id="addButton" class="addButton" type="submit" value="+">');
addButton.click(plugin.addFU);
plugin.html = $('<div class="main-page"></div>');
plugin.html.append(addButton);
},
addFU:function(){
$(this).dialog({
buttons: [
{
text: "OK",
click: function() {
$(this).dialog("close");
}
}
]
});
},
refresh: function() {
var plugin = this;
plugin.mainPageRenderer();
$("body").append(plugin.html);
}
};
$(document).ready(function() {
plugin.refresh();
});
</script>
</head>
<body>
的问题,而在jQuery用户界面上的OK按钮,点击对话框我的“+ “ - 原始页面上的按钮消失。何我可以预防它?
可以请你分享jsfiddle链接吗? – 2014-10-06 12:48:13
无法管理jsfiddle,因此我添加了所有代码。 – Govan 2014-10-06 13:00:32