Twitter引导程序javascript弹出窗口无法正常工作

时间:2011-12-05 06:47:46

标签: javascript css jquery-plugins twitter-bootstrap popover

我环顾四周,找不到像我一样有问题的人。

我也有一些人检查我的javascript / html是否存在明显的错误,并且已经压制了其中一些错误。

我正在尝试使用twitter bootstrap实现一个简单的javascript popover,如图所示 here

据我所知,我的代码(here)对于带有弹出框的按钮与它们的示例代码(不包括内容本身)相同,但它什么也没做。

在我的页面上显示“Creative”的按钮应该有类似于twitter bootstrap的示例“Hover for popover”演示按钮。

编辑:我的代码链接不再显示我遇到的问题。但是,问题是我在标题中包含了javascript源代码类型为type =“javascript”而不是type =“text / javascript”。

1 个答案:

答案 0 :(得分:7)

修改页面L138-L146的代码:

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

<强>更新

O.o

脚本标记的类型为text/javascript。就像:

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