javascript - 画面から「滑り落ちた」ものを殺す方法は?

Question

jquery スライドを使用して 2 つのアイテム (データベースからランダムに抽出されたテキスト/ビデオと背景) を右に移動し、左から入ってくる新しいアイテムに置き換えるスクリプトがあります。

        if (clickType === 0) {
            $("#image_link_1,#image_text_1") .hide("slide", {direction: "right"}, 1250);
            $("#image_link,#image_text") .show("slide", {direction: "left"}, 1250);
            clickType = 1;
        } else if (clickType === 1) {
            $("#image_link,#image_text") .hide("slide", {direction: "right"}, 1250);
            $("#image_link_1,#image_text_1") .show("slide", {direction: "left"}, 1250);
            clickType = 0;
        }
    }).each(function() {
        if (this.complete)
            $(this).load();
    });
}
;

ただし、自動再生が有効になっているページから「押し出された」ビデオは、表示されていなくても再生を開始します

彼らが画面から消えたら、どうすれば彼らを殺すことができますか?

どうもありがとう

Answer 1

コールremoveバックから a を呼び出します。

$("#image_link_1,#image_text_1") .hide("slide", {direction: "right"}, 1250, function() {
    $(this).remove(); 
});

これを他にも追加hideします。

Answer 2

jQuery.remove()関数を使用して、ページ上の選択した要素を削除/破棄できます。

削除機能の詳細: http://api.jquery.com/remove/

削除する要素を定義するには、次を使用します。

$(".class").remove();

また

$("#id").remove();

他の多くの jQuery セレクター タイプのいずれかを常に使用することもできます。

編集

コールバックを使用して削除することもできます。これにより、スライドが完了すると要素が削除されます。

$("#image_link,#image_text") .hide("slide", {direction: "right"}, 1250, function(){
    $(this).remove();
});

Answer 3

火で。

$('#selector').remove()DOM から項目を完全に削除するために使用します。