[解決済み] $(...).popoverは関数ではありません。
2022-02-24 04:54:05
質問
この問題を扱っているここのかなりの数の投稿に目を通しましたが、どれも私の問題を解決していないようです。
jQuery と Bootstrap の js ファイルを正しい順序でインポートしました。ブートストラップパネルなどは、全く問題なく動作しています。
私のスクリプトのインポートはこのような感じです。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
しかし
$('[data-toggle="popover"]').popover();
Chromeのコンソールに以下のようなメッセージが表示されます。
Uncaught TypeError: $(...).popover is not a function
最初、ポップオーバーがCDNのコピーに含まれていないのではと思い、ここからすべてのプラグインを含むローカルコピーをダウンロードしました。
http://getbootstrap.com/customize/
と表示され、同じエラーメッセージが表示されました(script タグをローカルの js ファイルに向け直しました)。
bootstrap.min.js ファイルで "popover" を検索しています。
http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js
popoverがファイルに含まれていることを示す。
解決方法は?
jQueryと他のライブラリが正しく含まれているとのことですので、1つの可能性として、ページ内に複数のjQueryのインスタンスが存在することが考えられます。
そこで、使用されているサーバー技術に基づいて、jQueryの重複バージョンを検索し、もしあれば削除します(不要であれば、他の方法を考えなければなりません)。 noConflict() を使用します)。
jQueryインスタンスが重複している場合、プラグインがアタッチされているjQueryのバージョンが、プラグインを使用するためにアクセスしているものと異なる可能性があり、その場合、プラグインが見つからないという問題が発生します。
関連
-
[解決済み】BootstrapのCollapseが折りたたまれない
-
[解決済み】npm install --legacy-peer-deps は具体的に何をするのですか?どんなときに推奨されるのか/どんな使用例が考えられるのか?
-
[解決済み】WebSocket接続に失敗しました。WebSocket のハンドシェイク中にエラーが発生しました。予期しない応答コードです。400
-
[解決済み】Vueが定義されていない
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] JavaScriptでNULL、未定義、空白の変数をチェックする標準的な関数はありますか?
-
[解決済み] URLを新しいタブで開く(新しいウィンドウではない)
-
[解決済み】JavaScriptの関数にデフォルトのパラメータ値を設定する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JavaScriptのinnerHTMLで要素が更新されない
-
[解決済み】JavaScript "Uncaught TypeError: object is not a function" 連想性の質問
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み】JavaScript ランタイムエラー:'$'が未定義です。
-
[解決済み】XMLパースエラー:ルート要素が見つからない コンソールの場所 FF
-
[解決済み】TypeError: res.status は関数ではありません。
-
[解決済み】 Uncaught Reference Error: stLight is not defined (in Chrome only)
-
[解決済み】Vueが定義されていない
-
[解決済み】react router v^4.0.0 Uncaught TypeError: 未定義のプロパティ'location'を読み取れない
-
[解決済み】中央値の計算 - javascript