Question

我有两个需要显示隐藏的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

但如果视频播放，我似乎无法阻止它，除非我删除整个div。如果这样做我不知道如何把它放回去。

您是否尝试过使用.detach()代替.remove()？

.detach（）方法与.remove（）相同，但.detach（）除外保持所有jQuery数据与删除的元素相关联。这个当要删除的元素要重新插入时，方法很有用以后的DOM。

您还可以尝试.hide() div，.show()稍后

当包装器隐藏时，不能停止youtube视频

1 个答案: