1

ダイアログ ボックスに iframe を追加しました。ダイアログ ボックスを閉じるたびに、最初の URL ではなく、iframe の最後の 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>

JQuery の例:

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 に答える