Ember.js和Twitter Bootstrap Popover [英] Ember.js and Twitter Bootstrap Popover

问题描述

我正在尝试使用ember.js部署 popover ，而不是

I'm trying to deploy the popover using ember.js but not sure how to do it.

popover的内容必须是一个ember的元素来与之进行交互。

The contents of the popover must be an element of ember to interact with it.

我一直在观看 https://github.com/jzajpt/ember-bootstrap ，但是不包括popover元素。

I've been watching https://github.com/jzajpt/ember-bootstrap but does not include the popover element.

任何想法？谢谢！

推荐答案

我想，你尝试做的将永远不会工作，因为如果你的鼠标离开控制台，popover将离开！

I think, what you try to do will never work, because if your mouse leaves the control, the popover will go away!

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

这篇关于Ember.js和Twitter Bootstrap Popover的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！