1

我已将 iframe 添加到对话框中。每次我关闭对话框时，都会保存 iframe 的最后一个 URL，而不是最初的 URL！每次关闭并再次打开它时，如何让它打开初始 URL？

HTML 示例：

<div id="opener_1">OPEN</div>

<div id="dialog_1">
<iframe src="http://www.wikipedia.com" width="570" height="320"></iframe>
</div>

查询示例：

var $JQ_ = jQuery.noConflict();

    $JQ_(function(){
    $JQ_("#dialog_1").dialog({autoOpen:false,
                                 width:'auto',
                                height:'auto',
                             resizable:false,
                                  show:{effect:"fade", duration:250},
                                  hide:{effect:"fade", duration:250}
    });
    $JQ_("#opener_1").click(function(){$JQ_("#dialog_1").dialog("open");});
    });

这里有一个活生生的例子......

4

2 回答 2

1

在你的代码中试试这个：

var $frame = $("#myFrame");
var firstUrl = $frame.attr("src");

var $JQ_ = jQuery.noConflict();

$JQ_(function () {
    $JQ_("#dialog_1").dialog({
        autoOpen: false,
        width: 'auto',
        height: 'auto',
        resizable: false,
        show: {
            effect: "fade",
            duration: 250
        },
        hide: {
            effect: "fade",
            duration: 250
        },
        close: function () {
            $frame.attr("src", firstUrl);
        }
    });

    $JQ_("#opener_1").click(function () {
        $JQ_("#dialog_1").dialog("open");
    });
});

实现close对话框的事件。

jsFiddle：http: //jsfiddle.net/hescano/Y6hdj/3/

API 文档：http ://api.jqueryui.com/dialog/#event-close

于 2013-09-12T15:44:53.040 回答
0

您可以在单击按钮后立即从对话框中选择 iframe div，然后重新设置其src属性。

检查这个更新的 jsFiddle

（通过这样做frame.attr("src", src)，您重新启动iframe）

于 2013-09-12T15:33:49.963 回答