【问题标题】:Bootstrap javascript or popover not working引导 javascript 或弹出窗口不起作用
【发布时间】:2012-12-05 02:07:03
【问题描述】:

我的引导程序有问题。似乎 JS 以某种方式无法正常工作,因为即使是最简单的弹出框示例也不起作用。 (http://jsfiddle.net/weuWk/363/) 如果在我的源代码中使用,这段在 JSFiddle 上可以正常工作的小代码只是创建一个按钮(没有悬停功能)。

Modal-Plugin 确实在工作,所以这应该意味着我以正确的方式包含了 js 文件。无论如何我都会复制它:

 <script src="js/bootstrap.min.js"></script>
 <script src="http://code.jquery.com/jquery-latest.js"></script>

【问题讨论】:

  • 检查控制台是否有错误,我敢打赌有一个
  • 在您的控制台中看到任何错误?
  • 就像迈克所说的那样。您的控制台中有任何错误吗?你知道控制台是什么吗?
  • y,我刚刚知道如何查看js的控制台

标签: javascript twitter-bootstrap popover


【解决方案1】:

需要在 bootstrap 的 javascript 之前包含 jQuery,因为 bootstrap 只是 jQuery “插件”。

您应该按此顺序包含:

  1. jQuery
  2. 引导程序
  3. 你的 Javascript

编辑:在结束正文标记之前尝试此操作

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<script> 
$(function(){
    $('#test').popover();​
});
 </script>

此外,控制台是您的朋友。检查并确保没有错误。

已解决:

解决方案:>正确的包含顺序>修复我从我的 js 控制台得到的错误。

【讨论】:

  • 如果这是问题所在 - 在 bootstrap.min.js 中没有定义控制台错误“$”
  • 我已经更改了这两个包含的顺序,但它仍然不起作用。
  • 另外,他提到了模型的工作,但没有提到弹出框。模型可能会按照他所包含的方向工作,因为在“$”变量由 jquery 定义之后,会发生用户操作生成的模型,其中引导弹出窗口事件试图在 DOM 加载时发生。
  • @user1911283 - 你在哪里包括 bootstrap 和 jquery(标题或结束 &lt;/body&gt; 标记之前?,你在哪里调用 $('#test').popover();​?)看看我的答案中的更新。跨度>
  • @user1911283 - 我注意到您编辑了我的答案并说它已解决。您能否将我的答案标记为正确,以便将来的读者可能会发现它有用?谢谢!
猜你喜欢
  • 1970-01-01
  • 2014-12-21
  • 2013-03-25
  • 1970-01-01
  • 1970-01-01
  • 2013-05-22
  • 2015-07-17
相关资源
最近更新 更多