css - Twitter bootstrap javascript popovers not working - Stack Overflow

admin管理员组

文章数量:1312823

I've looked around and haven't been able to find anyone with an issue quite like mine.

I've also had a few people inspect my javascript/html for obvious bugs, and have squashed a few of them.

I'm trying to implement a simple javascript popover using twitter bootstrap, as shown here.

As far as I can tell, my code (here) for a button with a popover is identical to their example code (excluding the content itself), and yet it does nothing.

The button that says "Creative" on my page should have a popover similar to twitter bootstrap's example "Hover for popover" demo button.

Edit: The link to my code no longer shows the problem I was having. However, the issue was that I included the javascript source in the header as type="javascript" instead of type="text/javascript".

I've looked around and haven't been able to find anyone with an issue quite like mine.

I've also had a few people inspect my javascript/html for obvious bugs, and have squashed a few of them.

I'm trying to implement a simple javascript popover using twitter bootstrap, as shown here.

As far as I can tell, my code (here) for a button with a popover is identical to their example code (excluding the content itself), and yet it does nothing.

The button that says "Creative" on my page should have a popover similar to twitter bootstrap's example "Hover for popover" demo button.

Edit: The link to my code no longer shows the problem I was having. However, the issue was that I included the javascript source in the header as type="javascript" instead of type="text/javascript".

• javascript
• css
• jquery-plugins
• twitter-bootstrap
• popover

Share Improve this question Follow edited Dec 6, 2011 at 23:18 fysics asked Dec 5, 2011 at 6:47 fysicsfysics 3311 silver badge44 bronze badges 1

• 3 This question is not useful because the link to the code doesn't work. – Mark Commented Sep 25, 2012 at 12:43

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

Modify the code of the page L138-L146:

$(document).ready(function() {
    $("a[rel=popover]")
        .popover({
            offset: 10
        })
        .click(function(e) {
            e.preventDefault()
        })
});

UPDATE

O.o

The type of script tag is text/javascript. It's like:

<script type="text/javascript" src="https://ajax.googleapis./ajax/libs/jquery/1.7.1/jquery.min.js"></script>

本文标签： cssTwitter bootstrap javascript popovers not workingStack Overflow