Twitter Bootstrap Popover错误

时间:2013-10-21 15:33:36

标签: jquery twitter-bootstrap twitter-bootstrap-3

我在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();
});

我下载了以下库:

  • bootstrap.js
  • bootstrap.min.js
  • popover.js
  • tooltip.js

但代码仍然不起作用

1 个答案:

答案 0 :(得分:4)

example是id或target元素,因此您需要使用id selector(前缀#)。您的选择器(element selector)会查找标记名为example的元素,例如<example ...>...</example>

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