javascript - 过滤操作后工具提示停止工作

Question

我正在使用 ember cli 应用 bootstrap popover。效果很好，但是当我使用另一个操作来过滤页面时，弹出窗口不再起作用。要绑定(bind)弹出窗口，我使用以下内容: views/restaurants/search-results.js

import Ember from 'ember';

export default Ember.View.extend({
    jqueryEvents: function(){
    Ember.$('[data-toggle="popover"]').popover();
  }.observes('controller.filteredRestaurants').on('didInsertElement')
});

我的 application.js Controller 有一个操作 transitionsToRoute search-results.js 更新 filteredRestaurants属性，当它出现时，popover 停止工作。

可能会增加复杂性的一件事是 search-results template 循环过滤的餐厅，每个餐厅都有一个部分，每个餐厅都有一个按钮，该按钮绑定(bind)到每个餐厅的部分内的工具提示.

Answer 1

export default Ember.View.extend({
    jqueryEvents: function(){
       Ember.$('body').on('mouseover', '*[data-toggle="popover"]', function() {
          $(this).popover();
          $(this).popover('show');
       });
    }.observes('controller.filteredRestaurants').on('didInsertElement')
});