我正在開發與Visual Studio 2008 SP1和C#的ASP.NET Web窗體應用程序。問題與jQuery用戶界面對話框時模式設置爲TRUE
我有以下ASPX頁面:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#dialog").dialog({
autoOpen: false,
modal: true,
buttons: {
'Ok': function() {
__doPostBack('TreeNew', '');
$(this).dialog('close');
},
Cancel: function() {
$(this).dialog('close');
}
},
close: function() {
},
open: function(type, data) {
$(this).parent().appendTo("form");
}
});
});
function ShowDialog() {
$('#dialog').dialog('open');
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="TreeNew" runat="server" Text="Nuevo"
OnClientClick="ShowDialog();return false;" onclick="TreeNew_Click"/>
<asp:Label ID="Message" runat="server"></asp:Label>
<div id="dialog_target"></div>
<div id="dialog" title="Select content type">
<p id="validateTips">All form fields are required.</p>
<asp:RadioButtonList ID="ContentTypeList" runat="server">
<asp:ListItem Value="1">Text</asp:ListItem>
<asp:ListItem Value="2">Image</asp:ListItem>
<asp:ListItem Value="3">Audio</asp:ListItem>
<asp:ListItem Value="4">Video</asp:ListItem>
</asp:RadioButtonList>
</div>
</div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
</form>
</body>
</html>
當模式設置爲true的頁面明星成長(我知道,因爲這兩種滾動條也變得越來越小,豎條比單槓更快)。
漂亮的網頁源代碼裏我看到了下面的div是外面形式標籤:
<div class="ui-widget-overlay" style="z-index: 1001; width: 1280px; height: 65089px;" jQuery1267345392312="20"/>
如果我設置模式爲false,錯誤不會發生。我認爲問題在於,作爲模態工作的div不在表單中。
您認爲如何?
有一個滾動條問題,問題是,我沒有任何主題,重視aspx頁面。 – VansFannel
現在,這是一個jQuery主題,而不是一個aspx主題。無論如何,將這些類添加到您的css(或內聯)並調整它,您應該很好。 – cjensen