2014-11-20 3 views
1

У меня есть функция прокрутки, которая загружает данные через ajax. Я хотел бы загрузить следующий набор данных или, по крайней мере, изображения заранее - предварительно загрузить следующую страницу содержимого.ajax infinate прокрутка для предварительной загрузки содержимого

Я попытался добавить .load вместо .ajax - но он все еще, кажется, загружает данные напрямую не из «кешированной» версии.

Любые идеи оценили.

jQuery(document).ready(function($) { 
     var count = 2; 
     var total = <?php echo $wp_query->max_num_pages; ?>; 
     var ready = true; //Assign the flag here 
     var processing; 

     $(window).data('ajaxready', true).scroll(function() { 
       if ($(window).data('ajaxready') == false) return; 

       if ($(window).scrollTop() == ($(document).height() - $(window).height())){ 
        $(window).data('ajaxready', false); 
        if (count > total){ 
         return false; 
        }else{ 
         loadArticle(count); 
        } 
        count++; 
        } 

     }); 

     function loadArticle(pageNumber){ 
       $('a#inifiniteLoader').show('fast'); 
       $.ajax({ 
        url: "<?php bloginfo('wpurl') ?>/wp-admin/admin-ajax.php", 
        type:'POST', 
        data: "action=infinite_scroll&page_no="+ pageNumber + '&loop_file=loop', 
        success: function(html){ 
         $('a#inifiniteLoader').hide('1000'); 
         $(".newsfeed").append(html); // This will be the div where our content will be loaded 
         console.log('fire'); 
        //stop multiple firing 
         $(window).data('ajaxready', true); 
        } 
       }); 
      return false; 
     } 

});

ответ

0

Во-первых, я должен сказать, что бесконечная прокрутка:

Традиционно, пользователь должен нажать на следующую страницу или предыдущую страницу, чтобы посетить старшую содержание сообщения. Однако в последнее время существует новая тенденция, начатая популярными сайтами (например, facebook и twitter) в , которые автоматически загружают содержимое следующей страницы, когда пользователь нажимает в нижней части сообщения. Этот метод показал увеличение во времени, затрачиваемом на страницу пользователем, потому что новое содержимое загружает автоматически.

Как добавить Infinite Scroll в WordPress

Первое, что вам нужно сделать, это установить и активировать Infinite Scroll plugin.

После активации новый пункт меню будет добавлен в настройках вкладка называется Бесконечный свиток. На почти 90% сайтов блога этот должен работать без изменения одного параметра. Однако, если у вас есть относительно настраиваемый блог, тогда вам нужно будет отрегулировать «Селекторы». Перейдите на страницу настроек плагина и нажмите на вкладку .

plugin

Documentation 1

documentation 2

Смежные вопросы