2014-05-21 70 views
0

我想在用戶點擊一個帶有asp.net用戶控件的按鈕時彈出一個對話框,但由於對話框根本沒有打開,我仍然失敗。 以下是我在我的.ascx文件:如何在用戶控件asp.net中使用jquery對話框(彈出)?

<div id="dialog" title="Basic dialog"> 
<p>some text here</p> 
</div> 
<script> 
$(function() { 
    $("#dialog").dialog(); 
}); 

和這裏是我在我的.aspx文件:

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js" type="text/javascript"> </script> 
</asp:Content> 
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server"> 
    <asp:Button ID="btnR" runat="server" Text="Requirements" CssClass="btn btn-info pull-right" /> 
</asp:Content> 

和我的jQuery 1.11.0分鐘在我的materpage 所以我做錯了,對話框不會彈出? 預先感謝您

+0

我希望你已經關閉 – Daniele94

+0

如果你想打開按鈕上的對話框點擊事件你必須確保該按鈕不會觸發一個回傳,返回false來回傳回傳。 –

+0

@ Daniele94:是的,我有...它只是一個丟失的標籤,同時發佈 – Ali

回答

0

你的腳本應該是這樣的:

function dialog(){ 
    $("#dialog").dialog(); 
}; 

您的按鈕應該是

<asp:Button ID="btnR" runat="server" Text="Requirements" CssClass="btn btn-info pull-right" CausesValidation="false" UseSubmitBehavior="false" OnClientClick="dialog(); return false;" AutoPostBack="false" /> 
+0

<%@ Control Language =「C#」AutoEventWireup =「true」CodeBehind = 「ReqPopup.ascx.cs」 繼承= 「IRELBS.Mod.WebUserControl1」 %>

some text here

Ali

+0

上述說法不起作用嗎?順便說一句,你不需要在你的腳本中的「$(」) –

+0

<%@ Control Language =「C#」AutoEventWireup =「true」CodeBehind =「ReqPopup.ascx.cs」Inherits =「IRELBS.Mod.WebUserControl1」%>

some text here

和它仍然不工作 – Ali

相關問題