2016-11-11 37 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不适用 –