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