引導工具提示和彈出式衝突

我有一個引導工具提示通過Javscript附加的表單。這些元素具有HTML標題屬性（just like in the bootstrap example），並且表單中也包含使用HTML添加的彈出式元素。引導工具提示和彈出式衝突

出於某種原因，工具提示出現在我沒有初始化它的元素上 - 意味着我的彈出窗口和工具提示之間存在衝突。

我嘗試過使用不同的標籤，如<span><div>和<button>，試圖防止衝突，但我的彈出窗口和工具提示仍然同時顯示。

任何想法，爲什麼會發生這種情況？

來源

2013-03-24 Panther

請注意一些代碼？ – Lemurr 2013-03-24 07:24:24

你能提供一個你用來初始化插件的相應選擇器的例子嗎？ – merv 2013-04-17 19:02:44

代碼在哪裏？ – ZimSystem 2013-05-22 16:08:26

我遇到了類似的情況，雖然我還沒有弄清楚問題的根源（我確信我做了一些愚蠢的事情），但我找到了解決問題的辦法。

您需要使用Bootstrap的默認選擇器和標題屬性以外的東西初始化您的工具提示或彈出窗口。

所以不是這個......

$('body').tooltip({ 
      container: 'body', 
      selector: '[data-toggle="tooltip"]' 
     }); 

<span data-toggle="tooltip" title="My Title" data-placement="top"></span>

操作方法......

$('body').tooltip({ 
      container: 'body', 
      selector: '.bs-tooltip', 
      title : function() { 
       return $(this).attr('tooltip-title'); 
      } 
     }); 

<span class="bs-tooltip" tooltip-title="My Title" data-placement="top"></span>

只要確保你改變選擇和標題都。只更改標題不會糾正衝突，只更改選擇器會導致Bootstrap將標題和數據原始標題屬性添加到元素中，並且tootip或popover會查找它們的信息，並且由於它們是空無一物將顯示。

來源

2015-12-04 14:07:58 BBC

引導工具提示和彈出式衝突

回答

相關問題