Bootstrap 4 Popover不适用于django无限卷轴

我在用 bootstrap popover

我有用处 infinite scroll

我们django迭代它的分页bootstrap popover不工作。

页面大小:3

对于前三张唱片,popover有效,但对于下一张唱片,它不会

<div class="row infinite-container">
   {% for i in task %}
      <div class="col-lg-3 col-md-6 wow infinite-item">
          <a href="#0" data-toggle="popover" title="Popover title" data-content="data {{forloop.counter}}" class="grid_item">
          {{i.name}}
          </a>
      </div>
   {% endfor %}
   <div class="loading loader" style="display:none"></div>
        {% if page_obj.has_next %}
            <a class="infinite-more-link" style="display:none" href="?page={{ page_obj.next_page_number }}">More</a>
        {% endif %}
   </div>
</div>

Js代码:

// for infinite scroll
var infinite = new Waypoint.Infinite({
    element: $('.infinite-container')[0],
    onBeforePageLoad: function () {
          $('.loading').show();
     },
     onAfterPageLoad: function ($items) {
          $('.loading').hide();
     }
 });