[英]Why is this jQueryUI dialog not working in IE9?
以下代碼在Firefox,Chrome和Opera中生成預期的jQueryUI模式彈出對話框。 但是,它在Internet Explorer 9中失敗:
<html><head>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
$( "#AddUser" ).dialog({
autoOpen: false, modal: true, height: 'auto', width: 400,
buttons: {
"Add": function() {
alert("Add one!");
}
},
close: function() {
allFields.val( "" ).removeClass( "ui-state-error" );
}
});
$( "#AddUserButton" ).button().click(function(event) {
event.preventDefault();
$( "#AddUser" ).dialog( "open" );
});
});
</script>
</head><body>
<div id="AddUser" title="Add User">Popup content here</div>
<input type="submit" id="AddUserButton" />
</body></html>
在IE 9中,#AddUser div不是jQueryUI對話框。 有什么我想念的嗎?
編輯 :代碼更新,以更接近生產代碼。
謝謝。
你的問題是尾隨“,”IE不喜歡它
$( "#AddUser" ).dialog({
autoOpen: false, modal: true >>,<<
});
這將工作:
$( "#AddUser" ).dialog({
autoOpen: false, modal: true
});
嘗試在html文件中添加DOCTYPE。 <!DOCTYPE HTML>
好吧,這只是一個猜測,但是類型=“提交”有時候很奇怪,即......
你嘗試過: <button id="AddUserButton">AddUser</button>
我還會將“preventDefault”稱為動作偵聽器中的最后一個動作。
我在對話框中遇到了同樣的問題,並在css文件中添加以下內容為我完成了這項工作。
.ui-widget-overlay
{
z-index: 0 !important;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.