在Google Chrome和Internet Explorer中单击弹出窗口的关闭按钮后,为什么youtube视频在后台运行？

Question

我在我的网站上使用PHP,jQuery,AJAX等.我正在jQuery弹出窗口中显示youtube视频.此弹出窗口右上角有关闭按钮.当用户点击此关闭按钮时,弹出窗口应该关闭,youtube视频应该停止.这在Mozilla Firefox中完美运行,但在Google Chrome和Internet Explorer中则不然.在Google Chrome和Internet Explorer中,单击关闭按钮后弹出窗口将关闭,但视频将在后台运行.关闭弹出窗口后,YouTube视频的声音就会出现.我不明白为什么会发生这件事.谁可以在这方面帮助我？感谢您花费一些宝贵的时间来理解我的问题.等待你的回复.作为参考,我把它放在功能的HTML和jQUery-AJAX代码之下.看看吧.

HTML代码:

<div class="parter-mid">
  <a href="#" class="show_video_popup"><img src="images_new/videoimage.jpg" border="0" alt="Our Website on television" width="243" /></a>
</div>

jQuery-AJAX代码:

<script language="javascript" type="text/javascript">
    $(".show_video_popup").click(function(e) {      
    e.preventDefault();

        var dialog_title      = "Our Website on Television";              
        var dialog_message    = "<iframe width='560' height='315' src='//www.youtube.com/embed/hj-c_cDKj0g?autoplay=1' frameborder='0' allowfullscreen></iframe>"; 

        var $dialog = $("<div class='forget_pass'></div>")
            .html(dialog_message)
            .dialog({
                autoOpen: false,
                modal:true,
                title: dialog_title,
                width: 590,
                close:{
                }
            });
        $dialog.dialog('open');             
 });
</script>

提前致谢.

Answer 1

为什么要将 close 函数设置为{ }？我怀疑这与问题有关。尽管该对话框不可见，但从技术上讲它仍然位于页面上。

尝试在关闭时完全销毁对话框并将其从页面中删除：

close: function() 
{ 
    $(this).dialog("destroy").remove();
}