JavaScript到活动Twitter引导工具提示
我在玩推特引导程序,但自从他们离开Twipsy后,我就遇到了问题。页面中包含正确的JavaScript 假设我有以下几点:JavaScript到活动Twitter引导工具提示,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我在玩推特引导程序,但自从他们离开Twipsy后,我就遇到了问题。页面中包含正确的JavaScript 假设我有以下几点: <p><a href="#" rel="tooltip" data-original-title="hello">hover on me</a></p> 我需要使用什么JavaScript来显示工具提示 提前谢谢 瓦妮莎 对于您的示例,它只是: $('a').tooltip(); 但是根据文档,您应该使用标题属性,而
<p><a href="#" rel="tooltip" data-original-title="hello">hover on me</a></p>
我需要使用什么JavaScript来显示工具提示
提前谢谢
- 瓦妮莎
$('a').tooltip();
但是根据文档,您应该使用标题
属性,而不是数据原始标题
。该属性由引导的工具提示代码添加。此外,不需要rel=“tooltip”
您的代码应该是:
HTML:
JS:
$(“a”).tooltip();//这将触发所有元素的工具提示
您需要为所有必须有工具提示的元素显式运行.tooltip()
。例如,这将起作用:
<span rel="tooltip" title="tooltip text">some text</span>
...
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("[rel=tooltip]").tooltip();
});
</script>
一些文本
...
$(文档).ready(函数(){
$(“[rel=tooltip]”)。tooltip();
});
在引导中,我们需要手动初始化工具提示
他们的文件中也提到了这一点
<script type="text/javascript">
$(function () {
$("[data-toggle='tooltip']").tooltip();
});</script>
$(函数(){
$(“[data toggle='tooltip']”)。tooltip();
});
您需要
<script src="bootstrap-tooltip.js "></script>
<script>
$(function (){
$('a').tooltip();
});
$(函数(){
$('a')。工具提示();
});
我宁愿使用此解决方案,因为它不会影响所有其他链接。我只是不确定偏移量是否是工具提示的有效选项,它在文档中没有提到,似乎也没有效果。如果我想使用jquery.on()为JavaScript延迟加载的任何内容运行此功能,我该如何实现?我想您应该使用jquery.live()来实现
<script type="text/javascript">
$(function () {
$("[data-toggle='tooltip']").tooltip();
});</script>
<script src="bootstrap-tooltip.js "></script>
<script>
$(function (){
$('a').tooltip();
});