Binding 灰烬视图内部引导弹出窗口
我一直在尝试获取一个余烬视图作为Boostrap popover的内容,在那里我可以保持绑定的更新 我能够做到这一点,你可以检查一个例子 不幸的是,这种解决方案会导致不规则的popover放置 有人可以检查我的代码,看看我做错了什么,或者有没有更简单的方法来实现这一点Binding 灰烬视图内部引导弹出窗口,binding,view,ember.js,popover,Binding,View,Ember.js,Popover,我一直在尝试获取一个余烬视图作为Boostrap popover的内容,在那里我可以保持绑定的更新 我能够做到这一点,你可以检查一个例子 不幸的是,这种解决方案会导致不规则的popover放置 有人可以检查我的代码,看看我做错了什么,或者有没有更简单的方法来实现这一点 $popover.popover({ html: true, placement:'bottom', content: function(){ if(_
$popover.popover({
html: true,
placement:'bottom',
content: function(){
if(_this.get('childView')) {
_this.get('childView').remove();
}
var view = _this.container.lookup('view:popoverContent'),
childView = _this.createChildView(view),
popover = $popover.data('popover'),
$tip = popover.tip(),
$content = $tip.find('.popover-content');
_this.set('childView', childView);
childView.appendTo($content);
var html = $content.html();
return html;
}
});
我猜你是什么意思 不幸的是,这种解决方案会导致不规则的popover放置 就是你希望你的府绸总是以相同的位置展示。如果我猜对了,我看到您提供的JSFIDLE中唯一缺少的是,从两个popover中,只有一个将它的
placement
属性设置为bottom
,第二个使用默认值,即right
因此,这里的解决方案可能是为您使用的所有popover始终定义相同的placement
属性。如中所述,位置
可以是以下值之一作为字符串:
top | bottom | left | right
我已经更新了JSFIDLE,使其始终显示在右侧,请看一看。对于任何自定义位置,您都应该深入到popover的负责css中,并覆盖您需要的内容
希望有帮助。您是否只关心它在哪里显示popover?如果是这样的话,我会在同一个问题中添加一些cssRan。找到了这个,但并没有真正解决我的问题你找到解决办法了吗?谢谢你的回复@直觉像素。但不幸的是,我忘记了底部的位置,因为我已经试着这样做了。但是如果你注意到了,虽然位置是“正确的”,但它仍然在锚定标签下面显示了一点。