jquery-ui - 如何在jQuery对话框中关闭嵌入式YouTube视频

Question

我将此youtube视频嵌入到jQuery对话框中。对话框的创建方式如下:

$(function() {
    $.prepare_dialog2 = function() {
        $('body').append('<div class="dlgVid"></div>');
        $('.dlgVid').dialog({ autoOpen: false,  modal: true, position: ['center',100], resizable: false, width: 640 });
    }
    $.dlgVid = function(url,ttl) {
        $.ajax({
            type: 'POST', url: url,
            success: function(data) { $('.dlgVid').dialog('open').dialog('option','title',ttl).html(data);},
            error: function() { alert('Oops! An error occured. Please try again or contact us if the problem persists.');}
        });
    }

    $.prepare_dialog2();    
});

并使用 $.dlgVid函数调用。在对话框窗口中，有一个关闭链接，单击该链接可关闭对话框，如下所示:

$('.dlgCloser').live('click',function(){
    $('.dlgVid').dialog('close');
});

，当我关闭对话框时，问题是，视频继续播放。我需要停下来。我尝试了一下，但没有成功(因为视频仍在播放中，我可以听到音频):

$('.dlgCloser').live('click',function(){
    $('.dlgVid').dialog('destroy');
    $.prepare_dialog2();
});

是否有人停止播放或为什么不从DOM中删除对话框？

Answer 1

我认为这种破坏实际上是将其隐藏起来，因此它为何仍在播放。试试这个:

$('.dlgCloser').live('click',function(){
    $('.dlgVid').remove();
});

尽管这可能会解决问题，但是这也会删除 .dlgVid的每个实例

另外，从jQuery库中取消使用 .live()。您应该使用 .on()。