Javascript 工具提示在过滤器操作后停止工作
我正在使用Javascript 工具提示在过滤器操作后停止工作,javascript,jquery,twitter-bootstrap,ember.js,ember-cli,Javascript,Jquery,Twitter Bootstrap,Ember.js,Ember Cli,我正在使用ember cli应用bootstrap popover。工作得很好,但是当我使用另一个操作来过滤页面时,弹出框就不再工作了。要绑定popover,我将使用以下命令: 视图/餐厅/搜索结果.js import Ember from 'ember'; export default Ember.View.extend({ jqueryEvents: function(){ Ember.$('[data-toggle="popover"]').popover(); }.
ember cli
应用bootstrap popover
。工作得很好,但是当我使用另一个操作来过滤页面时,弹出框就不再工作了。要绑定popover,我将使用以下命令:
视图/餐厅/搜索结果.js
import Ember from 'ember';
export default Ember.View.extend({
jqueryEvents: function(){
Ember.$('[data-toggle="popover"]').popover();
}.observes('controller.filteredRestaurants').on('didInsertElement')
});
myapplication.js控制器
有一个操作,该操作可以更新filteredRestaurants
属性,当它更新时,popover
停止工作
一件可能增加复杂性的事情是,搜索结果模板
循环过滤的餐厅,每个餐厅都有一个分部,按钮绑定到每个餐厅分部内的工具提示
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')
});