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

每次打开/关闭对话框时，请尝试重建对话框的 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();
});

Answer 2

$("#quiz").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();

    });