Загрузка списка усилителей компонента Google amp больше не работает

Я должен был активировать эксперимент AMP amp-list-load-more, но это не сработало

моя страница https://www.airtonews.com/amp/

<amp-list src="data/list.json"
          load-more="manual"
          load-more-bookmark="next"
          binding="no"
          width="auto"
          height="300"
          layout="fixed-height">
    <amp-list-load-more load-more-button>
        <template type="amp-mustache">
            <div class="url-entry">
                <a href="{{url}}">{{title}}</a>
            </div>
        </template>
        <button>
            See More
        </button>
    </amp-list-load-more>
</amp-list>

как заставить это работать? Спасибо!

1 ответ

Пожалуйста, обратитесь к документации кнопки " Загрузить еще":

<amp-list-load-more> элемент с load-more-button приписывают, что кнопка с load-more-clickable атрибут, который отображается в конце списка (для загрузки вручную), если есть еще элементы для загрузки. Нажатие на этот элемент вызовет выборку для загрузки большего количества элементов из URL-адреса, содержащегося в load-more-src поле или поле возвращаемых данных, соответствующее атрибуту load-more-bookmark.

Пример:

<amp-list load-more src="https://www.load.more/" ...>
  <div load-more-button>
    See More /* My custom see more button */
  </div>
</amp-list>

Включить src атрибут в вашем <amp-list load-more> элемент. Попробуйте и проверьте реализацию выше.

Другие вопросы по тегам