Question

我想在iframe中单击jquery ui对话框时显示loading.gif，直到在iframe中加载页面为止。有谁知道这个问题？可能吗？这是我的代码：

$('.dialog').click(function(e) {

    e.preventDefault();
    var $this = $(this);
    var horizontalPadding = 30;
    var verticalPadding = 30;

    $('<iframe id="externalSite" class="externalSite" src="' + this.href + '" />').dialog({
        title: ($this.attr('title')) ? $this.attr('title') : 'External Site',
        autoOpen: true,
        width: 800,
        height: 500,
        modal: true,
        buttons: {
            "Zatvori": function() {
                $(this).dialog("close");
            } 
        },

        resizable: true,
        autoResize: true,
        overlay: {
            opacity: 0.5,
            background: "black"
        },

        close: function(event, ui) {
            $(function() {
                var theVal = $.cookies.get('updatedForm');

                if (theVal != null) {
                    $.cookies.del('updatedForm');
                    location.reload(true);
                }
            });
        }

    }).width(800 - horizontalPadding).height(500 - verticalPadding);

Answer 1

问题解决了。我在Elijah Manor博客上发布了这个问题（上面的代码来自他的博客） http://elijahmanor.com/webdevdotnet/post/jQuery-UI-Dialog-w-Resizable-iFrame.aspx#id_6dccd7c1-56da-49b3-bb61-3b50a12aae45并得到Dan的解决方案，他发布了jQuery Frame Dialog插件的博客链接。

希望这有助于某人。它对我帮助很大。

显示loading.gif，直到在jquery ui对话框中的iframe中加载页面

1 个答案: