问题是由于default2.asp
作为动态内容加载到现有页面,它不应该包含所有 html 元素,如html
,body
等head
。
如果你删除它们并且脚本和 css 包括 jquery.js 和 jqueryui.css 和 js 它工作正常
演示:问题
演示:解决方案
Defaut2.asp 应该类似于
This is Default3.asp file
<br><br>
Something
<a href="Javascript:CloseMe();">Close Me</a>
<br><br>
<form ID=Form2 >
Name: <input type="text" name="Name"><br>
Address: <input type="text" name="address"><br><br>
<input type="submit" value="Submit">
</form>
<script type="text/javascript">
$(function() {
$('#Form2').submit(function(evt) {
evt.preventDefault();
$.ajax({
url: "Default2.asp",
type: 'POST',
data: $(this).serialize(),
success: function(result) {
$('#mydiv').html(result);
}
});
});
var MyDlg = $( "#mydiv" );
$(".ui-widget-overlay").click (function () {
MyDlg.dialog( "close" );
});
});
function CloseMe() {
$( "#mydiv" ).dialog("close");
}
</script>