Twitter-bootstrap javascript组件不起作用

Question

全部在标题中。 我无法使javascript引导程序组件正常工作。

<div id="example">Some element</div>

<script>
  $('#example').popover({
    title: 'A title!',
    content: 'Some content!',
    trigger: "hover"
  });
</script>

这是行不通的，并且不加载弹出窗口。 同样的问题：

$('#try').typeahead(); 

尝试。

加载顺序：

<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="js/vendor/jquery-1.9.1.js"></script>
<script src="js/vendor/bootstrap.min.js"></script> 
//or <script src="js/vendor/bootstrap.js"></script> 

我不是为了追溯兼容性而使用数据属性。

Answer 1

您需要将Javascript包装在页面加载事件处理程序中，如下所示：

<script>
  $(function()
  {
    $('#example').popover({
      title: 'A title!',
      content: 'Some content!',
      trigger: "hover"
    });
  });
</script>

请参阅jQuery的.ready()文档。