CODEWITHSUNDEEP
twitter-bootstraptooltip
docSquale
docSquale

Reputation: 117

Bootstrap Tooltip - Not working - At wits end

I can't for the life of me determine why the following does not work. Any help would be appreciated. I've already sourced the StackOverflow areas for this and attempted some of the solutions, but I just can't see to make tooltips work correctly. Thanks.

<!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>

Upvotes: 0

Views: 4349

Answers (1)

cggaurav
cggaurav

Reputation: 575

What's not working?

First off, you are not closing the title tag => title="something"

Secondly, did you try loading the script tags in head? There are quite a few errors, but check out the fiddle.

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

Edit : http://jsfiddle.net/BBYYz/

Upvotes: 1

Related Questions