Question

在我的spring应用程序中，我有一个仪表板页面，在弹出窗口中使用jquery-ui对话框打开子页面。它的代码如下：

function open_dialog(url, dialog_div) {
    $.ajax({
        type: "GET",
        url: url
    }).done(function(data){
        var id_dialog_div = Math.floor(Math.random() * 1000000);
        var dialog_box = $('<div id="dialog-'+id_dialog_div+'" class="dialog" title="Basic dialog"> <p> <span id="text'+id_dialog_div+'"></span> </p> </div>');
        $('#box').append(dialog_box);

        $( dialog_box ).dialog({
              minHeight: 720,
              minWidth: 640,
              show: {
                effect: "fadeIn",
                duration: 1000
              },
              hide: {
                effect: "fadeOut",
                duration: 1000
              }
        });

        var $temp  = $('<div/>', {html:data});

        $( dialog_box ).dialog( { title: $temp.find('title').text() } );
        $( dialog_box ).find('#text').html( $temp.remove('head').html() );
        $( dialog_box ).dialog( { height: 480 } );
        $( dialog_box ).dialog( { width: 640 } );
        $( dialog_box ).dialog( "open" );
    });
}

$(document).on('click', '.popup', function (event) {
    event.preventDefault();
    var action = $(this).attr('href');
    var target = $('#popup');
    open_dialog(action, target);
});

当我运行应用程序，然后单击链接时，对话框打开，但窗口保持完全空白，尽管应该在窗口中显示的页面被读取（我可以通过网络监视器从firefox验证这一点））。

任何人都可以告诉我这段代码有什么问题？

jquery-ui对话框不显示内容

0 个答案: