Jquery 引导工具提示不';不行?
你好,我读了所有关于工具提示的内容,是JSJquery 引导工具提示不';不行?,jquery,css,tooltip,Jquery,Css,Tooltip,你好,我读了所有关于工具提示的内容,是JS bootstrap从未包含bootstrap-tooltip.js的下载,因此我只是链接了bootstrap.js文件 我的javascript: <script type="text/javascript"> $('.link').tooltip() </script> $('.link')。工具提示() 我的HTML <a href="#" class="link" data-original-title
<script type="text/javascript">
$('.link').tooltip()
</script>
$('.link')。工具提示()
我的HTML
<a href="#" class="link" data-original-title="first tooltip">Hover me for a tooltip</a>!
!
我试着将js移动到页脚、div下、头部和顶部,但都不起作用。。javascript甚至没有启动。它甚至不显示默认的工具提示
我的页面:
我的整个tos.php页面:
有人能找出为什么工具提示没有显示出来吗?我也包括了引导css,整个网站实际上是用它建立的
谢谢 1:您没有在任何地方链接所需的
bootstrap tooltip.js
。(至少我在你的代码中找不到。)
2:您的JavaScript代码应该被$(文档)包围。就绪(…)
:
此问题的修复程序在中定义: 出于性能原因,工具提示和popover数据API是可选的, 这意味着您必须自己初始化它们 然而,我发现这个描述相当模糊,应该包括一个例子。工具提示需要“初始化”。在这种情况下,您可以在document ready上执行此操作: jQuery
$('.link').tooltip();
$("a[rel='popover']").popover({
placement: "top",
trigger: "hover"
});
然后,您提供的标记将在鼠标上方显示工具提示
代码>
还要注意bootstrap.js确实包含bootstrap-tooltip.js。要查看此文件,请打开bootstrap.js并查找:
/* ===========================================================
* bootstrap-tooltip.js v2.3.1
* http://twitter.github.com/bootstrap/javascript.html#tooltips
* Inspired by the original jQuery.tipsy by Jason Frame
另一方面,Popover也需要“初始化”。例如
标记
<a id="somePopoverId" href="#" rel="popover" class="btn btn-large btn-danger" data-content="Hello world!" title="" data-toggle="popover" data-original-title="A whatever" data-container="body">Popover</a>
或者更简单地说
$("#somePopoverId").popover({
placement: "top",
trigger: "hover"
});
第12行blogger.js中有uncaughttypeerror
。除此之外,这是Twitter的脚本,似乎你还没有正确应用它。修复了,但仍然无法工作。检查你的javascript错误。twitterCallback2未定义。我删除了错误。该页面的控制台中现在有0个错误。目前您的源代码中没有对工具提示的任何引用——如果您正在改变情况,您应该为我们这些试图帮助您的人制作一个静态演示……但是调用$(“#元素”).tooltip()时不会出现错误代码>所以它必须在常规引导文件中(或者其他插件正在执行此操作)。编辑:进一步调查后,his确实包含了大量对tooltip
函数的引用,因此它可能包含在bootstrap.js中。tooltip函数包含在bootstrap.js中,出于某种原因,它仍然不起作用。
$("#somePopoverId").popover({
placement: "top",
trigger: "hover"
});