【问题标题】:Bootstrap popovers, affix not working. JS loading issue?引导弹出框,词缀不起作用。 JS加载问题?
【发布时间】:2013-06-24 06:20:14
【问题描述】:

最近,弹出框和词缀(Bootstrap 的 JS 中的功能)已停止工作。不幸的是,我不知道我做了哪些确切的更改导致它停止工作。以下是问题:

$("#element").affix(): `TypeError: Object [object Object] has no method 'affix'`
$("#element").popover({ .. }): Trigger click does not work (no action). Without the trigger, it works.

我怎么称呼它:

$("#element").popover({html: true, title: "Hi", content: "Hi", trigger: "click", placement: "top"});

这是我加载 CSS 和 JS 文件的方式。

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<link type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.min.css" rel="stylesheet">
<link type="text/css" href="css/jquery.keypad.css" rel="stylesheet">
<link href="css/styles-media.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.keypad.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

【问题讨论】:

  • 来源?版本?对不起,这个问题质量很差......
  • 他们都在使用最新版本(我做的第一件事就是更新所有内容)

标签: javascript jquery css jquery-ui twitter-bootstrap


【解决方案1】:

您没有以正确的方式使用 css 和 js 文件。请确保在所有依赖脚本的最顶部包含 jquery 核心库。并尽量避免两次包含核心库。

使用此顺序。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<link type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.min.css" rel="stylesheet">
<link type="text/css" href="css/jquery.keypad.css" rel="stylesheet">
<link href="css/styles-media.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.keypad.min.js"></script>

【讨论】:

  • 这不能解决它 - 仍然没有方法词缀。
  • 您正在使用哪些版本的 jquery 核心和引导程序?并尝试从查看源(ctrl+U)访问相应的文件以检查这些文件是否已加载。
猜你喜欢
  • 2014-12-27
  • 2014-07-23
  • 1970-01-01
  • 1970-01-01
  • 2014-07-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多