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

tooltip stops working after filter action

我正在申请 bootstrap popoverember cli。效果很好,但是当我使用另一个操作来过滤页面时,弹出窗口不再起作用。要绑定弹出窗口,我使用以下内容: 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')
});

my application.js controller 有一个 transitionsToRoute search-results.js 更新 filteredRestaurants 属性 的操作,当它更新时,popover 停止正在工作。

可能会增加复杂性的一件事是 search-results template 循环过滤的餐厅,并且每个餐厅都有一个部分,其中的按钮绑定到每个餐厅部分内的工具提示。

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')
});