javascript - jQuery UI 对话框在 IE 中有一个嵌入式视频问题

Question

我有一个链接，点击它会打开一个 jQuery UI 对话框，数据通过 ajax 加载到对话框中，这是一个嵌入式 flash 视频(使用 flowplayer)。 ie 中的问题是，当我单击链接时，对话框打开并且视频开始播放，当我关闭对话框时，视频仍然继续播放。如果我再次单击该链接，则会打开对话框并播放视频，但不会从头开始播放。

主html文件有如下代码

<script type="text/javascript">
    $(document).ready(function(){
        var $dialog = $('<div> </div>');
        var dialogOpts = {
            title: "My Videos",
            modal: true,
            autoOpen: false,
            height: 500,
            width: 800
            };
        $('.videobox').one('click', function(){
            $dialog.load('data.html').dialog(dialogOpts);

        });             

        $('.videobox').click(function(event){       
            event.preventDefault();
            var url = event.target;     

            $dialog.dialog('open'); 
            return false;
            });
    })

</script>

点我!

远程文件有如下代码

<div id="player" style="width:640px;height:360px;"></div>
<script>
$f("player", "flowplayer-3.2.2.swf", "004.flv");
     </script>

在 FF、Safari 和 chrome 中一切正常，但在 ie 中，即使对话框关闭，视频也不会停止并继续播放。我花了很多时间调试，但似乎没有任何效果。 CNA 任何人请帮忙!!

Answer 1

用这个替换代码...

<script type="text/javascript">
    $(document).ready(function(){
        var $dialog = $('<div> </div>');
        var dialogOpts = {
            title: "My Videos",
            modal: true,
            autoOpen: false,
            close: function() {
        $(this).dialog('destroy').empty();
    },
            height: 500,
            width: 800
            };
        $('.videobox').one('click', function(){
            $dialog.load('data.html').dialog(dialogOpts);

        });             

        $('.videobox').click(function(event){       
            event.preventDefault();
            var url = event.target;     

            $dialog.dialog('open'); 
            return false;
            });
    })

</script>