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