筛选器操作后，工具提示停止工作

tooltip stops working after filter action

本文关键字：工具提示 停止工作 操作 筛选      更新时间：2023-09-26

我正在用ember cli应用bootstrap popover。 效果很好，但是当我使用另一个操作来过滤页面时，弹出框不再起作用。要绑定弹出框，我正在使用以下内容： 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循环筛选的餐厅，并且每个餐厅都有一个部分，该按钮绑定到每个餐厅的部分内的工具提示。 

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')
});
相关文章：