引導酥料餅

內灰燼觀點我一直試圖讓灰燼查看一個自舉酥料餅，我可以保持綁定更新的內容。引導酥料餅

我能做到這一點，你可以在此jsFiddle檢查的例子。

不幸的是這個解決方案會導致不規則酥料餅的位置。

可有人請檢查我的代碼，看看我做錯了什麼，或者如果有一個簡單的方法來實現這一目標？

$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;    
     } 
    });

來源

2013-07-17 jcarvalho

你只是擔心它會顯示酥料餅？如果是這樣的情況下，我只需添加一些CSS – Gevious

遇到同樣的問題。發現了這一點，但並沒有真正解決我的問題。 https://coderwall.com/p/6gonpw - 你找到了解決方案嗎？ Thks –

我猜你的意思與

不幸的是這個解決方案會導致不規則酥料餅的位置。

是你希望你的popover的總是顯示相同的位置。如果我猜對了，我在你提供的jsfiddle中看到的唯一一件事是，從兩個popover中只有一個已經將它的placement屬性設置爲bottom，第二個使用的默認值是right。

因此，這裏的解決方案可能會爲您使用的所有彈出窗口定義始終相同的placement屬性。正如docs規定的placement可以是下列值作爲字符串之一：

top | bottom | left | right

我已經更新了的jsfiddle始終顯示在右側，看看here。對於任何自定義展示位置，您應該深入瞭解popover的責任CSS並覆蓋您需要的內容。

希望它有幫助。

來源

2013-07-17 14:32:27 intuitivepixel

謝謝你的回覆@intuitivepixel。但不幸的是，我忘記了那裏的底部擺放位置，因爲我正在嘗試這樣做。但是如果你注意到，雖然位置是'正確的'，它仍然顯示錨點標籤的下方。 – jcarvalho

回答

相關問題