Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/c/61.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
Jquery 引导工具提示不';不行?_Jquery_Css_Tooltip - Fatal编程技术网

Jquery 引导工具提示不';不行?

Jquery 引导工具提示不';不行?,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

你好,我读了所有关于工具提示的内容,是JS

  • bootstrap从未包含bootstrap-tooltip.js的下载,因此我只是链接了bootstrap.js文件
  • 我的javascript:

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