javascript - 第一次后停止事件

Question

当我处于特殊滚动位置 jquery.inview 时，我会触发一个事件。如果元素位于视口(viewport)中，它的工作原理是添加类。在我的脚本中我说的是以下内容

    var $BG = $('#BG')
$('#BG').bind('inview', function (event, visible) 
{
        if (visible == true) {
        $(this).addClass("inview");

        } else {

        $(this).removeClass("inview");
        }
    });

   if($BG.hasClass("inview")){

        $('#diagonal').css('left',0)
        $('#diagonal').css('top',0)

    }

但它一次又一次地触发 .css 事件，但我希望它们仅在 #BG 第一次获得“inview”类时触发。 谢谢特德

Answer 1

您可以添加一些 var 来告诉它是否已被触发:

var $BG = $('#BG'), firedInView = false;

$BG.bind('inview', function (event, visible) {
    if(!firedInView) {
        firedInView = true; //set to true and it won't be fired
        //do your stuff
    }
});