1

非表示にする必要がある 2 つの div があります。1 つは画像付き、もう 1 つは 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() メソッドは、.detach() が削除された要素に関連付けられたすべての jQuery データを保持することを除いて、.remove() と同じです。このメソッドは、削除された要素を後で DOM に再挿入する場合に便利です。

.hide()divを試すこともできますが、.show()後で

于 2012-10-04T00:01:32.470 に答える