Реактивный Ранец Бесконечная Прокрутка Для Нескольких Столбцов На Одной Странице?


Включить бесконечную прокрутку так же просто, как добавить этот фрагмент в тему functions.php файл (где "содержимое" - это id контейнера, в который помещаются сообщения):

add_theme_support( 'infinite-scroll', array(
    'type' => 'scroll',
    'container' => 'content',
    'footer' => false,
) );

Но что мне делать, если на моем веб-сайте есть макет с несколькими столбцами, где, например, в одном столбце отображаются последние сообщения, а в другом столбце перечислены последние сообщения из тега (основные моменты)? т. е. По сути, есть два контейнера.

Я попробовал эти два фрагмента (см. Ниже), и в любом случае бесконечная прокрутка включена только для одного столбца/контейнера.

add_theme_support( 'infinite-scroll', array(
    'type' => 'scroll',
    'container' => 'content',
    'footer' => false,
) );

add_theme_support( 'infinite-scroll', array(
    'type' => 'scroll',
    'container' => 'highlights',
    'footer' => false,
) );

И

add_theme_support( 'infinite-scroll', array(
    'type' => 'click',
    'container' => array( 'content', 'highlights' ),
    'footer' => false,
) );

Что я делаю не так?

ПРИМЕЧАНИЕ: Если тот факт, что установка реактивного ранца требует wordpress.com учетная запись удерживает вас, пожалуйста, попробуйте Тонкий реактивный ранец. Он даже работает при локальной установке WP и не требует wp.com счет.

Author: its_me, 2013-02-05

2 answers

Я проверил исходный код Slim Jetpack, и эта задача не может быть выполнена без переписывания этого плагина.

Вот несколько советов:

  1. Вам придется продублировать строку 539 из '/modules/infinity-scroll/infinity.php "заявляя:

    jQuery.extend( infiniteScroll.settings.scripts, <?php echo json_encode( $scripts ); ?> );
    
  2. Вам придется продублировать строку 475 из '/modules/infinity-scroll/infinity.js "поскольку это инициализирует бесконечный свиток. (Вы видите, что имя переменной совпадает?)

    infiniteScroll.scroller = new Scroller( infiniteScroll.settings );
    
  3. Более того, вы будете необходимо настроить модуль, чтобы он принимал больше атрибутов или, по крайней мере, атрибут post_type, чтобы можно было определить, какой тип post_type следует использовать для каждого цикла inifinite - это должно быть сделано как в JS, так и в PHP (обратный вызов для функции ajax).

Как я уже сказал, плагин придется переписать.

 2
Author: david.binda, 2013-02-16 10:00:57

В ответе по электронной почте Крис Каркоски, Инженер по счастью (WordPress.com ) в Automattic сказали мне, "Бесконечная прокрутка с несколькими столбцами в настоящее время не поддерживается в Jetpack."

 0
Author: its_me, 2013-02-13 14:30:22