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