bootstrap の JS メソッドが使えない

ヘッダ内には

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
  <script src="https://code.jquery.com/jquery-2.1.4.min.js" data-turbolinks-eval=false></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" data-turbolinks-eval=false></script>

が出力されてるのに

body 内の<script></script> や asset/javascript 内で

console.log($("#modal"));
console.log($("modal").modal);
$("#modal").modal();

をかくと
jQuery.fn.init [div#modal.modal.fade, context: document, selector: "#modal"]
users?locale=ja:226 undefined
users?locale=ja:227 Uncaught TypeError: $(...).modal is not a function
at alert (users?locale=ja:227)
at HTMLDocument.<anonymous> (users?locale
というエラーになります

$("#modal") はきちんと存在していて $("#modal").modal が存在していないみたいです

chrome の開発ツールネットワーク JS のログにも
bootstrap.min.js
がロードされたログがでていてここまでに他のエラーはでていません

他に大量の JS がよみこまれていてわざわざ modal を undefined にするようなものがあるとは考えにくいのですが
何か考えられる可能性や、原因を調べるにはどこをみればいいか心当たりのある方はいないでしょうか…

追記：

view は業務内容のためすべてはみせられませんが
全ページに対して body の序盤に
以下のようなサブビューを呼び出す render 'modal' をおいてます


さらにテスト用に下記の様なシステムと同じ bootstrap, jquery のみよみこんだ
最小セットのHTMLをかいてブラウザで表示させると modal は動きます
なので途中によみこまれるJSのどこかでわざわざ undefined で上書きされてるとしか思えないのですが
'modal' という単語でリポジトリ内を全検索してもそれらしいコードはみあたりませんでした…

<script>

$(function () {
$("#modal").modal();
});
</script>

</body> </html>

Lhankor_Mhy

2018/10/30 11:52

$("modal").modal() のセレクタ、"#" が抜けていますが、typoですか？

m.ts10806

2018/10/30 17:13 編集

存在しているかどうかはこのコードだけではわからないので、view部分もご提示ください。もしconsoleのところで起きているエラーなのであれば「modal"タグ"に対してmodalさせようとしている」ので、記述ミスですね。#modalがあるなら。

退会済みユーザー

2018/10/31 02:27 編集

>Lhankor_Mhyさん　ミスです　console.log($("#modal").modal); となってました　いずれにしろjQueryオブジェクトのセレクタが何であれメソッド自体が存在していないので変わらないかもですが

Lhankor_Mhy

2018/10/31 02:14

他のjQueryスクリプトは動作していますか？　$のコンフリクト避けとかが怪しそうな気がするのですが。

退会済みユーザー

2018/10/31 02:27 編集

jQuery 自体は $("#modal") の中身が表示されるので動いてるようにみえます　あと別のページなのですがDOMを入れ替えるAJAXなんかは普通に動いてます

Lhankor_Mhy

2018/10/31 03:03

なるほど。あと考えられるのは、jQueryの重複読み込みですかね……　ご存知のとおり、bootstrap.min.js 読み込み後に再度 jQuery を読んでしまうと、拡張メソッド等は全てリセットされるので。

Lhankor_Mhy

2018/10/31 03:13

RoR を使ったことがほとんどないので、turbolinks の仕様に詳しくないのですが、あるページでjQuery2系を読んでいて、リンク先をpjaxで読んだらjQuery3系だった時って、jQueryだけ読み直すんですかね……？

退会済みユーザー

2018/10/31 04:48 編集

＞jQueryの重複読み込み　　まさにそれでした　application.js に require jquery がかかれていて jquery_self... みたいなのも読み込まれてたみたいです　application.js のほうを消したら動くようになりました　本当にありがとうございました　自分ひとりだと絶対わからなかったと思います回答に書いていただければベストアンサーにさせていただきます

Lhankor_Mhy

2018/10/31 07:17

自己解決でクローズしていただければ助かります。