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

Question

我正在尝试使用 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（最新版本）。

有没有简单的方法来做到这一点？我在这里做错了什么？

Answer 1

应该没问题

Check Fiddle

看起来问题是您在DOM Ready 处理程序之外绑定点击事件。

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