Do you know why the button in the document doesn’t reappear in Firefox 12 after the dialog box is closed?
<html>
<head>
<link type="text/css" href="jqueryui/css/smoothness/jquery-ui-1.8.20.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="jqueryui/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jqueryui/js/jquery-ui-1.8.20.custom.min.js"></script>
<style></style>
<script type="text/javascript">
$(document).ready(function() {
$("#click").click(function() {
$("#dialog").attr("title", "save").text("This is the dialog box!").dialog({
buttons: {
"OK": function() {
$(this).dialog("close");
}
}
});
});
});
</script>
</head>
<body>
<div id="dialog" title="Basic dialog">
<input type="button" value="click" id="click" />
</div>
</body>
</html>
Working demo http://jsfiddle.net/jyy96/6/
Your button reside inside
dialoginput hence it get lost.move inout submit outside the dialog
divJouery code
html