iFrame не закрывается должным образом в jQuery UI

Question

Сейчас у меня есть видео, настроенное в iFrame через пользовательский интерфейс jQuery. В Firefox у меня нет проблем, но для IE и Chrome звук продолжается, несмотря на закрытие всплывающего диалога.

Есть ли способ обойти это в коде пользовательского интерфейса jQuery?

Спасибо.

<script type="text/javascript">

    function openDialog(url) {
        $("<div class='popupDialog'>Loading...</div>")
            .dialog({
                autoOpen: true,
                closeOnEscape: true,
                width: '900',
                height: '900',
                modal: true,
                title: 'Bonus Features'
            }).bind('dialogclose', function() {
                jdialog.dialog('destroy');
            }).load(url, function() {
                $(this).dialog("option", "position", ['center', 'center'] );
            });

        adjustJQueryDialogOverlay();
    }

    $(window).resize(function() {
        $(".ui-dialog-content").dialog("option", "position", ['center', 'center']);
    });
</script>

Answer 1

Добавьте beforeClose в диалоговое окно для удаления элемента:

   $("<div class='popupDialog'>Loading...</div>")
        .dialog({
            autoOpen: true,
            closeOnEscape: true,
            width: '900',
            height: '900',
            modal: true,
            title: 'Bonus Features',
            beforeClose: function(){   $(this).remove();   }
        }).load(url, function() {
            $(this).dialog("option", "position", ['center', 'center'] );
        });