javascript - 一旦某个东西离开屏幕 'slid' 如何杀死它？

Question

我有一个脚本，它使用 jquery Slide 将两个项目(从数据库中随机抽取的文本/视频和背景)移动到右侧，并将它们替换为从左侧进入的新项目:

        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:

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

也将其添加到另一个隐藏中。