javascript – 自动点击加载更多但自动点击仅在第一次手动点击后触发

我尝试添加自动点击加载更多链接,但自动加载更多只在手动点击后触发.我坚持这个.如果有人知道解决方案请帮助.

<?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>

解决方法

您需要使用< a>的ID标签,所以你需要改变：

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

和：

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