Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript到活动Twitter引导工具提示_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

JavaScript到活动Twitter引导工具提示

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(); 但是根据文档,您应该使用标题属性,而

我在玩推特引导程序,但自从他们离开Twipsy后,我就遇到了问题。页面中包含正确的JavaScript

假设我有以下几点:

<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();
 });