javascript - jquery uiモーダルダイアログにswfを埋め込む

Question

私はswfをjquery uiモーダルダイアログに埋め込んでいます.swfが再生したダイアログを開くと、ダイアログを閉じて、ページを更新せずにダイアログを再度開くと、swfは最初からロードされませんでした. ダイアログを閉じて開いたときにswfを最初から開き直してほしい

これはダイアログのコードです:

$( "#quiz" ).dialog({
    open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },
    autoOpen: false,
    resizable: false,
    draggable: false,
    modal: true,
    width: 750,
    height:350
});

$( "#quiz-link" ).click(function( event ) {
    $( "#quiz" ).dialog( "open" );
       event.preventDefault();
    });
});

Answer 1

$("#クイズ").dialog({

open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },
autoOpen: false,
resizable: false,
draggable: false,
modal: true,
width: 750,
height:350,

close: function(){
    $("#quiz").html(document.getElementById('quiz').innerHTML) ;

    }

});

    // Link to open the dialog
    $( "#quiz-link" ).click(function( event ) {
        $( "#quiz" ).dialog( "open" );
        event.preventDefault();

    });

Answer 2

ダイアログを開いたり閉じたりするたびに、ダイアログの HTML を再構築してみてください。現在、表示と非表示を行っているだけなので、リセットされることはありません。

代わりに、次のようなものを試してください。

$( "#quiz-link" ).click(function( event ) {

     // create a clone of your dialog
     var quiz_clone = $( "#quiz" ).clone().appendTo(body);

     quiz_clone.dialog({
        open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },
        autoOpen: false,
        resizable: false,
        draggable: false,
        modal: true,
        width: 750,
        height:350
    });

    // destroy the clone when it's closed
    quiz_clone.on('close', function() {
        quiz_clone.dialog( "destroy" ).remove();
    });

    // show the clone
    quiz_clone.dialog( "open" );
    event.preventDefault();
});