Question

我已经激活了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>

如何使其起作用？谢谢！

Answer 1

请参考load-more-button文档：

带有<amp-list-load-more>的{{1}}元素具有load-more-button属性的按钮，它显示在列表的末尾（用于手动加载更多），如果还有更多要加载的元素。点击该元素将触发获取操作，以从包含在 url 中的更多元素中加载 load-more-clickable字段或返回数据的字段对应于load-more-bookmark属性。

示例：

load-more-src

在<amp-list load-more src="https://www.load.more/" ...> <div load-more-button> See More /* My custom see more button */ </div> </amp-list>元素中包含src属性。尝试并检查上面的实现。

Google amp组件amp-list无法加载更多内容

1 个答案: