Wordpress中的jQuery onscroll无法正常工作

时间:2019-06-13 14:01:08

标签: jquery ajax wordpress

当用户向下滚动时,我正在wordpress中发送ajax调用以从表中加载数据,但是问题是当我向下滚动时,整个页面都在响应中添加。当我在按钮上单击时,ajax调用工作正常,但在滚动时却无法正常工作,这是我的jQuery代码

$ = jQuery;
$(function() {
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();
        if (scroll >= 100) {
         var page=parseInt($(this).data('page'));
         var ajaxurl=$(this).data('url');
    jQuery.ajax({    
        url:ajaxurl,
        type:"POST",
        data:{
            page:page,
            action:"my_loadmore"
        },
        error:function(response){
          console.log("error");  
        },
        success:function(data){
          if (data !== undefined ){ 
               jQuery('button.myLoad').data('page',(page+1));
               jQuery('#left-area').append(data);
           }
           else {
               jQuery('button.myLoad').remove();
           } 
        }
    });
        }
    });
});

0 个答案:

没有答案