Невозможно загрузить представление в 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

Возможно, он показывает содержимое, но поскольку div #example скрыт с помощью display: none, все внутри него также скрыто.Попробуйте вставить

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

перед вызовом диалога и снова скрыть его при закрытии.