動態放置並引導3

我使用引導3的提示功能，在文檔無法正常工作，它說我可以叫動態放置並引導3

位置：「自動」

在我的提示的初始化，所以我也做了以下內容：

$(".tour-badges li img, .difficulty-rating li").tooltip({ container: 'body', placement: 'auto' });

這可以防止工具提示出現視口之外。因此，如果用戶在移動設備上查看網站，並且他們滾動以便工具提示觸發器位於屏幕的頂部，則應該在下面顯示tootip，因爲可用屏幕空間是自動計算的。但是，這不起作用。

有誰知道我怎麼能解決這個問題：

這樣，而不是它這樣做，並移動到那裏是在視口中可用空間：

任何幫助或提示將不勝感激。

N.B.

我試着使用下面的代碼來解決這個問題，但這使得工具提示總是出現在不是我想要的內容下面。

var test = { 
     placement: function (context, source) { 
      var position = $(source).position(); 

      if (position.top < 110) { 
       return "bottom"; 
      } 

      return top; 
     } 
    } 

    $(".tour-badges li img, .difficulty-rating li").tooltip(test);

來源

2015-11-19 jezzipin

根據引導3文檔：

如何定位工具提示 - 頂部|底部|離開| right |汽車。當指定「auto」時，它會動態調整工具提示的方向。例如，如果展示位置是「自動離開」，則工具提示將盡可能顯示在左側，否則將顯示正確。

嘗試使用placement: 'auto top'

來源

2015-11-19 13:42:28 makshh

這是行不通的。正如我上面已經提到的那樣，使用展示位置自動或甚至展示位置自動頂部功能都不起作用。工具提示只是在摺疊之上延伸。 – jezzipin

http://codepen.io/anon/pen/OyqGGY - 它適用於我，在iPhone 4S（iOS8）上測試。 – makshh

動態放置並引導3

回答

相關問題