單擊事件後滾動偵聽器上的jQuery

Question

點擊事件後激活滾動偵聽器的正確方法是什麼？

我目前使用：

$('.button').click(function (event) { 
    $(window).on("scroll", someFunction); 
} 

someFunction = function() { 
    //do stuff 
    $(window).off("scroll"); //disable scroll listener 
} 

上的click事件啓用它運行someFunction滾動監聽器。該函數在完成時完成填充並禁用滾動監聽器。滾動監聽器在點擊後再次啓用。

我擔心的是我做得不對。請指教！

注意：滾動監聽器不能無限期地運行。它從點擊開始，並且必須在myFunction結束時結束。

注：我不想當用戶停止滾動檢測..

Answer 1

您可以使用jQuery .one()：

$('.button').on('click', function() { 
    $(window).one('scroll', someFunction); 
}); 

Answer 2

你可以做到這一點的方式如下：

$('.button').click(function (event) { 
    $(window).bind("scroll", someFunction); 
} 

someFunction = function() { 
    //do stuff 
    $(window).unbind("scroll"); // remove scroll listener 
} 

Answer 3

每一個點擊添加一個附加滾動事件偵聽器。我會用封裝一個額外的變量綁定：

var isScrollBindingActive = false; 
$('.button').click(function (event) { 
    if (!isScrollBindingActive) { 
     isScrollBindingActive = true; 
     $(window).on("scroll", someFunction); 
    } 
} 

someFunction = function() { 
    //do stuff 
    $(window).off("scroll"); //disable scroll listener 
    isScrollBindingActive = false; // allow binding again if wished 
}