Bootstrap工具提示 - 不工作 - 在智慧结束时

时间:2013-01-09 16:56:29

标签: twitter-bootstrap tooltip

我不能为我的生活确定以下为什么不起作用。任何帮助,将不胜感激。我已经为此获取了StackOverflow区域并尝试了一些解决方案,但我无法看到使工具提示正常工作。感谢。

<!DOCTYPE html>
<html>
    <head>
        <title>Test Page</title>

        <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
    </head>

    <body>
        <div class="container">
            <div class="well">
                <p></p>
                <p></p>
                <p>This is a test <a href="#" rel="tooltip" title"Some title" class="submit-tooltip">hover here</a>.</p>
        </div></div>

        <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <script type="text/javascript">
            $('.submit-tooltip').tooltip();
        </script>
    </body>
</html>

1 个答案:

答案 0 :(得分:1)

什么不起作用?

首先,你没有关闭标题标签=&gt; title =“something”

其次,您是否尝试在脚本中加载脚本标记?有很多错误,但请查看小提琴。

    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        $('.submit-tooltip').tooltip();
    </script>

修改:http://jsfiddle.net/BBYYz/

相关问题