javascript - 销毁 Jquery 对话框后打开它

标签 javascript jquery jquery-ui dialog jquery-ui-dialog

我有一个 YouTube 视频出现在 jquery 对话框中,因此如果在对话框窗口关闭时正在播放它,它将在幕后继续播放。

我所做的结果是在关闭窗口时销毁它:

    $("#gallery_reel").dialog({
            autoOpen: false,
            width: 540,
            close: function() {
                $(this).dialog('destroy');
            }
    });

但是一旦对话框被销毁,除非我刷新页面,否则它不会再次打开。如何重新打开对话框?

最佳答案

我建议只使用 close 函数来停止 youtube video ,但如果您坚持其他,而不是销毁,请尝试以下操作:

Non-preferred (will copy html into a newly emptied dialog)

$("#gallery_reel").dialog({
    autoOpen: false,
    width: 540,
    close: function() {
        var inrHTML = $(this).html();
        $(this).empty().html(inrHTML);
    }
});

Should be better Method (Based on the thought that most "embeded youtube" vids are in Iframes, i think

$("#gallery_reel").dialog({
    autoOpen: false,
    width: 540,
    close: function() {
        $(this).find("iframe").get(0).stopVideo();
    }
});

关于javascript - 销毁 Jquery 对话框后打开它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13035908/

相关文章:

javascript - HTML5 将外部内容加载到 div 中并使用pushState()?

javascript - 如何在错误时摇动登录表单

javascript - 当鼠标离开 div 时删除图像

javascript - 根据表单中给出的输入提交表单时在模式框中生成表格

Javascript 代码不适用于 IE11,但适用于所有其他浏览器

javascript - 当我点击 youtube 视频时,图片库不起作用

javascript - 如何在Angular JS中动态生成表单?

javascript - jQuery UI 范围 slider - 捕获 handle 之间的栏

javascript - 想根据登录 ID 申请 If 条件

javascript - 国家代码的正则表达式