如何在每4次点击Algolia后添加一个clearfix div？

Question

我们正在尝试与Algolia实施即时搜索.它就像一个魅力.唯一的事情是我们想在每4次点击后添加一个clearfix div.现在是的

<div data-reactroot="" class="ais-hits">

    <div class="ais-hits--item"></div>
    <div class="ais-hits--item"></div>
    <div class="ais-hits--item"></div>
    <div class="ais-hits--item"></div>
    <div class="ais-hits--item"></div>

</div>

我希望每4个结果都有一个clearfix div,如下所示:

<div data-reactroot="" class="ais-hits">

    <div class="ais-hits--item"></div>
    <div class="ais-hits--item"></div>
    <div class="ais-hits--item"></div>
    <div class="ais-hits--item"></div><div class="clearfix"></div>
    <div class="ais-hits--item"></div>

</div>

这是生成命中小部件的代码

search.addWidget(
    instantsearch.widgets.hits({
        container: '#booksearch',
        templates: {
            item: getTemplate('result')
        },
        cssClasses: {
            item: 'col-lg-3 col-md-3 col-sm-3'
        },
        hitsPerPage: 12
    })
);

search.start();

感谢您抽出时间来阅读.

Answer 1

InstantSearch小部件不提供该功能.

但是,您可以编写自己的JS脚本,div在HTML代码的呈现(即生成)之后添加.为此,只需等待render触发事件即可.有关InstantSearch文档的" 事件"部分的更多详细信息.