Question

我正在使用jQuery加载模态弹出窗口的详细信息。网址由点击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');

在对话框调用之前

，并在关闭时再次隐藏它。

无法在jQuery dialog.load（）上加载视图

1 个答案: