1

我有 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
            });
        });
    });

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

4

1 回答 1

1

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

你试过用.detach()代替.remove()吗？

.detach() 方法与 .remove() 方法相同，不同之处在于 .detach() 保留与已删除元素关联的所有 jQuery 数据。当移除的元素稍后要重新插入到 DOM 中时，此方法很有用。

你也可以试试.hide()div，.show()以后再试试

于 2012-10-04T00:01:32.470 回答