Twitter-bootstrap javascript组件不工作

Question

都在标题里。我无法让javascript bootstrap组件工作。

<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()文档。