-1

最近、ポップオーバーとアフィックス (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>
4

1 に答える 1

1

css ファイルと js ファイルを適切な配置で使用していません。すべての依存スクリプトの最上位に jquery コア ライブラリを含めるようにしてください。コア ライブラリを 2 回含めることは避けてください。

この順序を使用します。

<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>
于 2013-06-24T09:39:40.283 に答える