无法在 jQuery dialog.load() 上加载视图

Question

我正在使用 jQuery 加载模式弹出窗口的详细信息。 url 由在 Html.Grid() 上单击的项目确定。

以下是.aspx代码：

<script type="text/javascript">
        $(document).ready(function () {
            //define config object
            var dialogOpts = {
                modal: true,
                bgiframe: true,
                autoOpen: false,
                height: 500,
                width: 500,
                draggable: true,
                resizeable: true,
                open: function () {
                    //display correct dialog content
//                    $("#example").load("HQBalanceList");
                }
            };
            $("#example").dialog(dialogOpts); //end dialog

            $('.modal').click(
        function () {
            debugger;
            var $this = $(this);
            var url = $this.attr("href");
            $("#example").load(url);
            $("#example").dialog("open");
            return false;
        }
    );

        });
    </script>

<div style="display: none; border: 1;" id="example" title="My First Ajax Dialog"></div>

a 标签有一个名为 modal 的类应用于它们。它们看起来像这样：

<a class="modal" href="/Account/Balance?sp3=Code&amp;dateID=3">Code</a>

我可以看到弹出的模式。但它没有显示任何数据。我已经调试了代码，可以看到正在传递适当的视图。

我是 jQuery 的新手。非常感谢任何帮助。

谢谢:)

Answer 1

也许它正在显示内容，但由于 #example div 被 display:none 隐藏，它里面的所有东西也被隐藏了。尝试插入

$('#example').css('display', 'block');

在对话框调用之前，并在关闭时再次隐藏它。