Question

这是我的问题：我在javascript和jquery中都是0。（我使用GWT开发webapps，所以我不必编写js）

我想使用popover plugin from bootstrap，但我不知道如何，即使看起来很简单。

这就是我所拥有的：

<html>
<head>
<link type="text/css" rel="stylesheet" href="css/bootstrap.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>

    <a id="mylink" data-content="my txt" data-original-title="my title"> lol </a>

    <script type="text/javascript">
        $("#myLink").popover();
    </script>
</body>
</html>

这没有做任何事情。

我应该使用“$（document）.ready（）”吗？我错过了选项吗？我看到有人添加了这个方法调用：

.mouseenter(function(e) { $(this).popover('show'); });

但这也不会改变。

我知道这是真正的noob东西，但我真的迷失了。

谢谢：）

Answer 1

您的HTML应包含以下内容以使popover起作用：

此代码等待加载页面，然后在链接上启用弹出窗口。

<script type="text/javascript">
    $(document).ready(function() {   
        $('#mylink').popover();
    });
<script>

包含jquery和popover javascript。

<script src="js/jquery.js"></script>
<script src="js/bootstrap-popover.js"></script>

Answer 2

似乎Bootstrap需要一个相当新版本的jquery。因此，将jquery引用更改为

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

并将$('#myLink')更改为$('#mylink')。

bootstrap的popover插件无法正常工作

2 个答案: