Событие Fire jquery один раз

Question

Так что это срабатывает каждый раз, когда пользователь прокручивает страницу, чтобы загрузить больше сообщений.

Он использует

$("#next-paginav")[0].click(); 

, потому что это якорь это '' нажав на.

$(document).ready(function() { 
    $(document).scroll(function (e) { 

     var intBottomMargin = 300; 


     if ($(window).scrollTop() >= $('main-content').height() - $(window).height() - intBottomMargin) { 


      setTimeout(function(){ $("#next-paginav")[0].click(); }, 800); 
     } 

    }); 
}); 

Код Dipesh, с которым я не могу работать.

$(document).ready(function() { 
    $(document).scroll(function (e) { 

     var intBottomMargin = 300; 


     if ($(window).scrollTop() >= $('main-content').height() - $(window).height() - intBottomMargin) { 


      setTimeout(function(){ 
      $("#next-paginav")[0].one('click',function() { }); 

       }, 800); 


     } 

    }); 
}); 

Проблема заключается в том, что он стреляет так быстро, что пожары два, три, четыре раза, прежде чем посты даже загрузить в. Это вызывает все виды проблем, помимо того, что бы делать так много запросов на реальном сервере, иногда он пропускает сообщения. Есть ли способ выстрелить только один раз?

Answer 1

$(document).ready(function() { 
    var timeout = ''; 
    $(window).scroll(function (e) { 
     var intBottomMargin = 300; 
     clearTimeout(timeout); 
     if ($(window).scrollTop() >= $('main-content').height() - $(window).height() - intBottomMargin) { 
      timeout = setTimeout(function(){ 
       $("#next-paginav")[0].click(); 
      }, 800); 
     } 
    }); 
}); 

Answer 2

Попробуйте с этим

$("#next-paginav")[0].one('click',function (e) { 

или вы можете попробовать с «живой»

$("#next-paginav")[0].live('click',function (e) { 

в соответствии с «живой» метод нежелателен из jquer1.7 Вы можете использовать «на» метод как

$("#next-paginav")[0].on('click',function (e) { 

Answer 3

Вы можете использовать .one() обработчик JQuery ..

Description: Attach a handler to an event for the elements. The handler is executed at most once per element.

Official Document

Пример

$("#next-paginav")[0].one('click',function() { }); 

Вы также можете использовать .off() обработчик тоже.

Пример

$("#next-paginav")[0].click(function(){ 
    $(this).off(event); 
}); 

Answer 4

Мое предположение, если уже есть нагрузка графики, то вы не хотите, чтобы вызвать загрузку снова.

Вы можете использовать решение, базирующееся флаг

$(document).ready(function() { 

    var intBottomMargin = 300; 

    $(document).scroll(function(e) { 
     if (clickFlag) { 
      return; 
     } 

     clickFlag = true; 

     if ($(window).scrollTop() >= $('main-content').height() 
       - $(window).height() - intBottomMargin) { 

      setTimeout(function() { 
         $("#next-paginav")[0].click(); 
        }, 800); 
     } 

    }); 
}); 

var clickFlag = false; 
function myClickHandler() { 
    $.ajax({}).always(function() { 
       clickFlag = false; 
      }) 
}