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脚本，在HTML代码的呈现（即生成）之后添加div。为此，只需等待render事件被触发即可。有关Events section of the InstantSearch documentation的详细信息。

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

1 个答案: