在单击 .load() 函数 jquery 上添加预加载器

Question

我在 jquery 中使用 .load() 时遇到问题

这是我当前的代码

jQuery(document).on('click','#Pagination a', function(e){
    e.preventDefault();
    var link = jQuery(this).attr('href');
    var nxtPage =  jQuery(this).attr('href');
    window.history.pushState('obj', 'newtitle', nxtPage);
    jQuery('.preloadswitch').load(link+' .the-categories').fadeIn('slow');      
});

这确实有效，但是我需要它在获取内容时淡入 + 预加载器，然后在内容可见时消失

我可以把它做成一个具有“beforeSend”或“success”功能的ajax吗？谢谢

这也不行

jQuery('.preloadswitch').load(link+'.the-categories',function(response,status,xhr){
    if(status == 'sucess'){ 
        jQuery('.preloadswitch').removeClass('addpreloader');
    }
});

Answer 1

试试这个：

jQuery('.preloadswitch')
    .fadeIn('slow')                // Fades it in.
    .addClass('addpreloader')      // Adds the pre-loader class.
    // Loads the content.
    .load(link+' .the-categories', function(){
        // Removes the pre-loader class once AJAX is completed.
        $(this).removeClass('addpreloader');
    } );