Javascript 带Jquery 2.0.3工具提示的Bootstrap 3.0不起作用你知道为什么吗？_Javascript_Twitter Bootstrap

Javascript 带Jquery 2.0.3工具提示的Bootstrap 3.0不起作用你知道为什么吗？

javascript twitter-bootstrap

Javascript 带Jquery 2.0.3工具提示的Bootstrap 3.0不起作用你知道为什么吗？,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,代码如下： <!DOCTYPE html> <html lang="en"> <head> <title>My God Man Project</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> <link hre

代码如下：

    <!DOCTYPE html>
<html lang="en">
  <head>
    <title>My God Man Project</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <link href="/Content/bootstrap/bootstrap.css" rel="stylesheet"/>
<link href="/Content/bootstrap/bootstrap-responsive.css" rel="stylesheet"/>
<link href="/Content/fontawesome/font-awesome.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>

    <script src="/Scripts/modernizr-2.6.2.js"></script>


    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="/Content/IE9FixScripts"></script>
;
    <![endif]-->
  </head>
  <body>
   <div id="wrap">
    <div class="container">

    <!-- Main content  any sections which need to be filld in and then body -->
    <div class="container">

        <div class="jumbotron">

    <section class="featured">
        <div class="content-wrapper">
            <hgroup class="title">
                <h3>Home Page.</h3>
                <h4> Welcome GodMan, if you click on the above link where it says [Needs Role] and if it works then you are good else you see a custom 401 message.</h4>
            </hgroup>
        </div>
    </section>



    <!-- footer section here needs customisation.-->
    <div id="footer">
        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <ul class="list-unstyled">
                        <li class="pull-right"><a href="#top">Back to top</a></li>
                        <li><a id="testingID" href="#"data-placement="left" data-toggle="tooltip" class="btn btn-default" type="button" data-original-title="Tooltip on left">Tool Tip Left</a></li>
                        <li><a href="#"data-placement="right" data-toggle="tooltip" class="btn btn-default" type="button" data-original-title="Tooltip on left">Tool Tip Right</a></li>
                        <li><a href="#"data-placement="bottom" data-toggle="tooltip" class="btn btn-default" type="button" data-original-title="Tooltip on left">Tool Tip Bottom</a></li>
                        <li><a href="#"data-placement="top" data-toggle="tooltip" class="btn btn-default" type="button" data-original-title="Tooltip on left">Tool Tip Top</a></li>
                        <li><a href="#"data-placement="left" data-toggle="popover" class="btn btn-default" type="button" data-original-title="Tooltip on left">PopOver</a></li>
                        <li><a href="#"data-placement="left" data-toggle="popover" class="btn btn-default" type="button" data-original-title="Tooltip on left">PopOver2</a></li>
                    </ul>
                </div>
            </div>
        </footer>
    </div>
    <!-- footer ends-->
  </div>
</div>
    <script src="/Scripts/jquery-2.0.3.js"></script>

    <script src="/Scripts/bootstrap.js"></script>


    <script type="text/javascript">
        $.ready(function () {
            $('[data-toggle="tooltip"]').tooltip();
            $('[data-toggle="popover"]').popover({trigger: "hover"});
            $('#testingID').tooltip('show');

            //$().tooltip({
            //    selector: "[data-toggle=tooltip]",
            //    container: "body"
            //})
        });
    </script>
  </body>
</html>


我的神人计划
主页。
欢迎GodMan，如果你点击上面的链接，上面写着[需要角色]，如果它有效，那么你很好，否则你会看到一条自定义401消息。









$.ready（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
$（'[data toggle=“popover”]'）。popover（{trigger:“hover”}）；
$（'#testingID'）。工具提示（'show'）；
//$（）。工具提示({
//选择器：“[数据切换=工具提示]”，
//容器：“主体”
//})
});

看看另一个链接

照上面说的做了，但不起作用

我犯的错误是什么

我是不是忘了给什么东西加上参考？或者我的JQuery版本不好，我应该回去吗

在上面的文章中提到的例子中，使用jq2.xEdge尝试了fiddler例子。它在那里工作

但对我来说不是。奇怪。它可能是一些非常小的东西。但我似乎无法得到它

非常感谢您的帮助。

我根据您的代码制作了一个JS小提琴，可以在这里找到-

对于jQuery依赖项，我使用了2.0.2，希望这不是区别。也就是说，您的$ready声明中缺少“文档”。没有它，工具提示就不会出现

$(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
        $('[data-toggle="popover"]').popover({trigger: "hover"});
        $('#testingID').tooltip('show');

        //$().tooltip({
        //    selector: "[data-toggle=tooltip]",
        //    container: "body"
        //})
    });

也就是说，您甚至可以省略$（document）.ready（）部分，只保留.tooltip初始值设定项，这样也可以工作。

我根据您的代码制作了一个JS提琴，可以在这里找到-

对于jQuery依赖项，我使用了2.0.2，希望这不是区别。也就是说，您的$ready声明中缺少“文档”。没有它，工具提示就不会出现

$(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
        $('[data-toggle="popover"]').popover({trigger: "hover"});
        $('#testingID').tooltip('show');

        //$().tooltip({
        //    selector: "[data-toggle=tooltip]",
        //    container: "body"
        //})
    });

也就是说，您甚至可以省略$（document）.ready（）部分，只保留.tooltip初始值设定项，这样也可以工作。

我根据您的代码制作了一个JS提琴，可以在这里找到-

对于jQuery依赖项，我使用了2.0.2，希望这不是区别。也就是说，您的$ready声明中缺少“文档”。没有它，工具提示就不会出现

$(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
        $('[data-toggle="popover"]').popover({trigger: "hover"});
        $('#testingID').tooltip('show');

        //$().tooltip({
        //    selector: "[data-toggle=tooltip]",
        //    container: "body"
        //})
    });

也就是说，您甚至可以省略$（document）.ready（）部分，只保留.tooltip初始值设定项，这样也可以工作。

我根据您的代码制作了一个JS提琴，可以在这里找到-

对于jQuery依赖项，我使用了2.0.2，希望这不是区别。也就是说，您的$ready声明中缺少“文档”。没有它，工具提示就不会出现

$(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
        $('[data-toggle="popover"]').popover({trigger: "hover"});
        $('#testingID').tooltip('show');

        //$().tooltip({
        //    selector: "[data-toggle=tooltip]",
        //    container: "body"
        //})
    });

也就是说，您甚至可以省略$（document）.ready（）部分，只保留.tooltip初始值设定项，这也会起作用。

非常感谢，我无法看到树木的木材，我想再多看一眼肯定会有所帮助。再次感谢你。你真的让我开心。非常感谢你，我看不到树木的木材，我想再多看一双眼睛肯定会有帮助的。再次感谢你。你真的让我开心。非常感谢你，我看不到树木的木材，我想再多看一双眼睛肯定会有帮助的。再次感谢你。你真的让我开心。非常感谢你，我看不到树木的木材，我想再多看一双眼睛肯定会有帮助的。再次感谢你。你真的让我开心。