бесконечной прокрутки позволяет (WordPress)

Question

Итак, я нашел этот учебник, чтобы включить бесконечный свиток: http://wptheming.com/2012/03/infinite-scroll-to-wordpress-theme/

В принципе мне нужно иметь файл JS и добавьте следующий код в function.php

/** 
* Infinite Scroll 
*/ 
function custom_infinite_scroll_js() { 
    if(! is_singular()) { ?> 
    <script> 
    var infinite_scroll = { 
     loading: { 
      img: "<?php echo get_template_directory_uri(); ?>/images/ajax-loader.gif", 
      msgText: "<?php _e('Loading the next set of posts...', 'custom'); ?>", 
      finishedMsg: "<?php _e('All posts loaded.', 'custom'); ?>" 
     }, 
     "nextSelector":"#nav-below .nav-previous a", 
     "navSelector":"#nav-below", 
     "itemSelector":"article", 
     "contentSelector":"#content" 
    }; 
    jQuery(infinite_scroll.contentSelector).infinitescroll(infinite_scroll ); 
    </script> 
    <?php 
    } 
} 
add_action('wp_footer', 'custom_infinite_scroll_js',100); 

Где я необходимо изменить следующие параметры:

• IMG: путь к Аяксу загрузчик изображениям
• nextSelector: Сель ctor для ссылки «предыдущие сообщения».
• navSelector: Содержит селектор для предыдущих/следующих ссылок навигации.
• itemSelector: Селектор для сообщений. Это может быть .hent, .post, .etc
• contentSelector: содержит div для ваших сообщений.

Ну, я застрял.

Это мой PHP:

$defaults = array(
     'base' => add_query_arg('paged', '%#%'), 
     'format' => '', 
     'total' => $max_num_pages, 
     'current' => $current, 
     'prev_next' => true, 
     'prev_text' => __('←',my_site), 
     'next_text' => __('→',my_site), 
     'show_all' => false, 
     'end_size' => 1, 
     'mid_size' => 1, 
     'add_fragment' => '', 
     'type' => 'plain', 
     'before' => '<div class="pagination">', 
     'after' => '</div>', 
     'echo' => true, 
     'use_search_permastruct' => true 
); 

А вот HTML вывод, который я в настоящее время получаю:

<div class="pagination"> 
    <a class="prev page-numbers" href="example.com/dfgdg/page/2/">←</a> 
    <a class="page-numbers" href="http://example.com/dfgdg/page/1/">1</a> 
    <a class="page-numbers" href="http://example.com/dfgdg/page/2/">2</a> 
    <span class="page-numbers current">3</span> 
    <a class="page-numbers" href="http://example.com/dfgdg/page/4/">4</a> 
    <span class="page-numbers dots">…</span> 
    <a class="page-numbers" href="example.com/dfgdg/page/20/">20</a> 
    <a class="next page-numbers" href="example.com/dfgdg/page/4/">→</a> 
</div> 

Может кто-нибудь помочь мне с тем, как изменить его?

или

есть другой подход, который я должен рассмотреть?

Thanks bunch !!

Em

Answer 1

В основном то, что происходит здесь не так, что вы копию вставки, не понимая исходный код.

В JS фрагмент кода вы добавили в PHP вы добавляете на какой элемент бесконечный скроллинг должен работать (contentSelector)

В примере это установлено значение «#content», но в коде должно быть ".pagination".

Так что если вы измените contentSelector он должен работать :)

редактировать: я бы посоветовал вам изменить «до» в РНР для ид = «пагинацией». Это может привести к нарушению вашего шаблона, поэтому убедитесь, что вы тестируете его на разных страницах, но таким образом вы можете выбрать на id вместо класса, который является более надежным и быстрым.