自動點擊加載更多，但自動點擊只觸發後，第一次手動點擊

Question

我試圖添加自動點擊加載更多的鏈接，但自動加載更多隻觸發手動點擊後。我困在此。如果有人知道解決方案，請幫忙。

<?php if($next_link !== false):?> 
     <div class="sp-load-more text-center" > 
     <a href='#' title="Load more result" data-url="<?php echo $next_link;?>" onclick="return doko.BuSfw16AlL(this, {container: '#search-results', rc : '.sp-load-more'})"> 
      <span id="l-more" > Load More <i class="fa fa-angle-down fa-lg"></i> </span> 
      </a> 
      </div> 

<?php else:?> 
     <div class="panel sp-box sp-load-more"> 
       <div class="panel-body"> 
       <span>-- End of Result --</span> 
       </div> 
     </div> 
<?php endif; ?> 

<script > 
$(function(){ //on document ready 
    $(document).scroll(function (e) { //bind scroll event 

     var intBottomMargin = 300; //Pixels from bottom when script should trigger 

     //if less than intBottomMargin px from bottom 
     if ($(window).scrollTop() >= $(document).height() - $(window).height() - intBottomMargin) { 
      $("#l-more").click(); //trigger click 
     } 

    }); 
}); 
</script> 

Answer 1

您需要使用<a>標籤的ID，所以你需要改變：

<a href='#' id="the_id" title=.... 

和：

 $("#the_id").click(); //trigger click