jquery - 从代码隐藏中打开 jQuery 对话框

标签 jquery asp.net jquery-ui jquery-ui-dialog

所以我必须从代​​码隐藏中显示一个 jquery UI 对话框。
我已经尝试了一切:this , this , this ,并且还更改了这些答案以测试它是否适用于我但不起作用。
我使用第一个解决方案,因为它是有组织的。如果我使用alert('whatever') 而不是我的jquery 对话框代码,它就可以工作。所以我知道它的工作原理,但对话框没有任何反应。我也用 colorbox 尝试过,但也不起作用。

谁能给我一个解决方法吗?我们将不胜感激。
谢谢。

我的aspx:

HEAD
<script type="text/javascript">

    function BindEvents() {
        $.fx.speeds._default = 1000;
        $(document).ready(function () {                
            var dlg = $("#DivMostrarIguales").dialog({
                autoOpen: false,
                show: "fold",
                hide: "clip",
                width: 500,
                height: 500
            });
            dlg.parent().appendTo(jQuery("form:first"));
        });
    }

</script>
ENDHEAD
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:UpdatePanel runat="server" ID="upTotal">
    <ContentTemplate>
        <script type="text/javascript">
            Sys.Application.add_load(BindEvents);                
        </script>....
 <tr>
          <td class="Izquierda">
                (*) Número único:
          </td>
          <td class="Derecha">
             <asp:TextBox ID="tbNumeroUnico" runat="server"></asp:TextBox>
             <asp:Button ID="btMostrarIgualesEntrante" runat="server" Text="Revisar si ya existe"
                                                    OnClick="MostrarVentanaIgualesEntrante" ValidationGroup="none" CausesValidation="false"
                                                    CssClass="Button" />                 
             <asp:Label runat="server" ID="lbNumeroUnicoEntrante" Text="Debe digitar el formato correcto del número único (completo)"
                                                    Visible="false" CssClass="ErrorCampo"></asp:Label>
          </td>
       </tr>...
        <div id="DivMostrarIguales" title="Número Único Igual">
            WhatEver              
        </div>           
    </ContentTemplate>
</asp:UpdatePanel>
</asp:Content>  

我的.CS功能:

private string getjQueryCode(string jsCodetoRun)
    {
        StringBuilder sb = new StringBuilder();
        sb.AppendLine("$(document).ready(function() {");
        sb.AppendLine(jsCodetoRun);
        sb.AppendLine(" });");

        return sb.ToString();
    }

    private void runjQueryCode(string jsCodetoRun)
    {

        ScriptManager requestSM = ScriptManager.GetCurrent(this);
        if (requestSM != null && requestSM.IsInAsyncPostBack)
        {
            ScriptManager.RegisterClientScriptBlock(this,
                                                    typeof(Page),
                                                    Guid.NewGuid().ToString(),
                                                    getjQueryCode(jsCodetoRun),
                                                    true);
        }
        else
        {
            ClientScript.RegisterClientScriptBlock(typeof(Page),
                                                   Guid.NewGuid().ToString(),
                                                   getjQueryCode(jsCodetoRun),
                                                   true);
        }
    }

    protected void MostrarVentanaIgualesEntrante(object sender, EventArgs e)
    {
        CargarGridMostrarIgualesEntrante();
        runjQueryCode("$('#DivMostrarIguales').dialog('open')");            
    }

最佳答案

首先调用对话框来创建它。

.dialog({ autoOpen: false }) //{} = settings

然后打开它..

.dialog('open')

关于jquery - 从代码隐藏中打开 jQuery 对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5462360/

相关文章:

javascript - 如何从另一个页面触发页面刷新(无重定向)?

javascript - 创建没有缓动效果的垂直轮播

javascript - 更改弹出消息框中文本的颜色

c# - 在不引用当前页面的情况下解析相对 ("~") 路径?

javascript - 如何从 jquery 中的字符串中获取特定文本?

jquery - 使用 getScript 加载 jQuery UI

jquery - Bootstrap 3 导航栏切换按钮没有功能

jQuery 选择器在 web.py 中无法正常工作

asp.net - 如何根据屏幕分辨率调整 Asp.Net 页面的大小

javascript - AJAX 不会覆盖已经加载的脚本?