jquery - 包装器隐藏时无法停止youtube视频

Question

我有2个需要隐藏的div。一种带图片，一种带youtube视频。

<div class="gallery-video-wrapper">
     <iframe id="player" type="text/html" width="430" height="323" src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1" frameborder="0"></iframe>
</div>
<div class="gallery-images">
    <img src="image1.jpg" />
rest of the jquery gallery code...
</div>

默认情况下，仅显示视频。在点击

<a href="#" class="show-gallery">Show Images</a>

我想展示我设法做的画廊。但是，如果播放了视频，除非删除整个div，否则似乎无法停止播放。如果这样做，我不知道该如何退回。

这是我到目前为止的脚本:

$('.show-gallery').click(stop, function() {

        $('.gallery-video-wrapper').fadeOut();
        $('.gallery-images').fadeIn(function() {
            $('.ad-gallery').adGallery({
                display_back_and_forward : true,
                display_next_and_prev : true,
                update_window_hash : false,
                scroll_jump : 0,
                thumb_opacity : 1
            });
        });
    });

任何想法如何解决这个问题？

Answer 1

But if the video is played i cant seem to stop it unless i remove the whole div. and if do that i don't know how to put it back.

您是否尝试过使用 .detach()而不是 .remove()？

The .detach() method is the same as .remove(), except that .detach() keeps all jQuery data associated with the removed elements. This method is useful when removed elements are to be reinserted into the DOM at a later time.

您还可以尝试对div进行 .hide()，稍后再对其进行 .show()