Ember.js and Twitter Bootstrap Popover
Ember.js and Twitter Bootstrap Popover
我正在尝试使用ember.js部署popover,但不确定如何实现。
popover的内容必须是ember的一个元素才能与之交互。
我一直在看https://github.com/jzajpt/ember-bootstrap但不包括popover元素。
有什么想法吗?谢谢
我认为,你试图做的永远不会奏效,因为如果你的鼠标离开控制,popover就会消失!
App.Popover = Ember.View.extend({
name: 'myPopover',
template: Ember.Handlebars.compile('<div class="popover" {{bindAttr name="name"}}><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title">test</h3><div class="popover-content"><p></p></div></div></div>')
});
App.TextField = Ember.TextField.extend({
didInsertElement: function() {
this._super();
var self = this;
Ember.run.schedule('actions', this, function() {
self.$().popover({
title: 'title',
content: 'content',
template: $('div[name="myPopover"]')
});
});
}
});
在视图的didInsertElement方法中,您可以执行类似的操作
didInsertElement: function() {
var self = this;
this.$().popover({
title: self.get('tooltipTitle'),
content: self.get('tooltipContent')
});
}
相关文章:
- 销毁Bootstrap popover时出现Javascript错误
- Rails - Bootstrap popover js
- Ajax content for Twitter Bootstrap Popover
- Ember.js and Twitter Bootstrap Popover
- 用于图像上映射区域的Bootstrap Popover/Tooltip
- 模式和输入组插件中的Bootstrap popover
- 在Bootstrap popover内部执行JS
- Angularjs没有为Bootstrap Popover插入标题
- Twitter Bootstrap Popover添加了一个带有事件的回调函数
- Bootstrap Popover Trouble
- 在文本区域中的Keyup事件上触发Twitter Bootstrap Popover
- Bootstrap Popover不应该每次都被破坏
- Twitter bootstrap .popover 不起作用
- Twitter Bootstrap Popover:动态生成数据后重新定位或调整大小
- Vue js v-model inside a bootstrap popover content
- Bootstrap popover destroy&recreate 仅每秒工作一次
- Twitter Bootstrap Popover not working?
- Bootstrap popover类在javascript生成的内容上无法正常工作
- Bootstrap Popover on Input : hover
- 如何销毁Bootstrap Popover的所有实例