2016-11-11 30 views
1

我在我的網站上使用引導程序,並且我想要一個工具提示在空間上移動時出現在元素上。 這是我做了什麼:我的工具提示不會與樣式和位置一起顯示

<code id="copystuff" onclick="CopyToClipboard('copystuff')" data-toggle="tooltip" data-placement="top" title="Click to copy">Text</code> 

初始化JS:

$(document).ready(function(){ 
    $('[data-toggle="tooltip"]').tooltip({ selector: '[data-toggle=tooltip]' }); 
}); 

當我將鼠標懸停在代碼元素上,顯示工具提示的數據,但在其他地方,沒有造型:

最左邊的「點擊複製」是工具提示數據,應該出現在給定鏈接上方以便共享

注意:FOr tho誰認爲onclick =「CopyToClipboard('copystuff')」導致問題,刪除它沒有幫助。

請幫我提前

+0

如果你與我們分享一些實際的例子而不是圖像,那麼我們會更容易幫助你。 –

+0

https://jsfiddle.net/dsz2jskg/ –

+0

使用相對於該工具提示div的css位置....可以向我發送演示鏈接嗎? – Logeshwaran

回答

0

解決這個

感謝我認爲這個問題是初始化JS,試試下面的代碼。

$(document).ready(function(){ 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 

檢查此鏈接,如果您有任何疑問。 http://www.w3schools.com/bootstrap/bootstrap_tooltip.asp

+0

沒有幫助@Bino –

+0

JS是wrking罰款不知道爲什麼css不適用 –