jquery - Twitter Bootstrap 弹出框错误

Question

我在 twitter bootstrap popover 示例中遇到了一些错误

HTML

 <h1>Popover</h1>
 <a href="#" id="example" class="btn btn-primary" rel="popover"
    data-content="This isthe body of Popover"
    data-original-title="Creativity Tuts">
 </a>

包含的脚本标签

src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
src="js/bootstrap.js"
src="js/Tooltip.js"
src="js/Popover.js"

我的 JavaScript

$(function() {
    $('example').popover();
});

我下载了以下库：

• 引导程序.js
• bootstrap.min.js
• popover.js
• 工具提示.js

但是代码仍然不起作用

Answer 1

example是 id 或目标元素，所以你需要使用id 选择器（前缀#）。您的选择器（元素选择器）查找标签名称example为<example ...>...</example>

$('#example').popover();