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

Question

我正在将bootstrap popover与ember 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') 
}); 

我application.js controller有一个动作transitionsToRoutesearch-results.js其更新filteredRestaurants财产，当它的popover停止工作。

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

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