使用jquery ui对话框打开现有的aspx页面

时间:2013-08-07 01:41:09

标签: jquery asp.net jquery-ui

我正在尝试使用jquery ui对话框以模态方式打开aspx页面。我遇到过这个解决方案:

 $(function () {
            $("#dialog").dialog({
                autoOpen: false,
                modal: true,
                height: 600,
                open: function (ev, ui) {
                    $("#myframe").attr('src', 'http://www.jquery.com');
                }
            });
        });

        $("#lnkCadastro").click(function () {
            $("#dialog").dialog('open');
        });

这是我的div,其中包含一个iframe和我的锚元素:

        <div id="dialog">
            <iframe id="myframe" src=""></iframe>
        </div>


<span>Não possui cadastro? 
                    <a ID="lnkCadastro" runat="server" href="#">Crie sua conta</a></span>

我的iframe div位于aspx页面中的表单标记内。当用户点击这个锚元素时,我想以模态方式显示另一个aspx页面。但我不能让它发挥作用。

我正在使用vs 2012,jquery 1.10.2和jquery ui(最新版本)。

这样做有简单的方法吗?我在这做错了什么?

1 个答案:

答案 0 :(得分:0)

它应该工作正常

<强> Check Fiddle

看起来问题是你绑定了DOM Ready处理程序之外的click事件。

将其移到处理程序中,应该可以正常工作。