0

YouTubeビデオが埋め込まれたdivをjQueryでアニメーション化しています。

動画を閉じるとdivが隠れて動画が止まるように設定しています。ただし、映画を取り戻したい場合はできません。

イベントのチェーンをリセットできるコールバックがあるかどうか疑問に思っていましたか?

これは私が使用しているjQueryです：

$("#trigger2").click(function () {
    $( "#movie" ).animate({bottom: 0}, {duration:1000});
    $(".close").delay(1500).fadeIn('slow')
});
$(".close").click(function () {
    $("#movie").hide();
    var $player = $("#movie").detach();
});
4

2 に答える 2

1

$("#movie").detach();は DOM から削除#movieされているため、再度表示することはできません。別の方法でビデオ プレーヤーを停止できない場合は、そのままにしてdetach、それを追加して表示します。

jQuery:

$("#trigger2").click(function () {
    var movdiv = "<div id='movie'><p>movie box</p><a class='close'>Close</a></div>";
    $(movdiv).appendTo("body").animate({bottom: 0}, {duration:1000});
    $(".close").delay(1500).fadeIn('slow');
    $(".close").click(function () { $("#movie").detach(); });
});

フィドル: http://jsfiddle.net/D4rXa/

于 2013-04-19T19:05:23.617 に答える
0

できません。元に戻す唯一の方法は、最初に初期化した方法で div( with video ) を再初期化することです。

そのようにプレーヤーを追加してみてください-（デタッチ後）- .detach（）

 var p;
 $(".close").click(function () {
        $("#movie").hide();
         p = $("#movie").detach();
 });

プレーヤーを DOM に再度アタッチする

p.appendTo('body');
于 2013-04-19T19:05:23.423 に答える