回答編集履歴

1

追記

2020/07/23 04:40

投稿

no1knows
no1knows

スコア3365

test CHANGED
@@ -3,3 +3,63 @@
3
3
 
4
4
 
5
5
  なので、まずは該当ページで検証ツールを利用して`<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>`以外で、jQueryを読み込んでいないか確認することからはじめると切り分けがしやすいかと思います。
6
+
7
+
8
+
9
+ ---
10
+
11
+
12
+
13
+
14
+
15
+ #追記:解決方法はわかったのですが、なぜそうなるのかがわかりません。おわかりになる方がいらっしゃればコメントなどで教えていただけると助かります。
16
+
17
+
18
+
19
+ 前提:
20
+
21
+ jQueryを2回読み込んでいない。
22
+
23
+
24
+
25
+ 解決方法:
26
+
27
+ ・erbに直接記載せず、application.jsなどに記載して`javascript_pack_tag`から読み込む
28
+
29
+ ・もしturbolinksを利用しているのならaddEventListenerを追加
30
+
31
+ ```JavaScript
32
+
33
+ //application.js
34
+
35
+
36
+
37
+ require("@rails/ujs").start()
38
+
39
+ require("turbolinks").start()
40
+
41
+ require("@rails/activestorage").start()
42
+
43
+ require("channels")
44
+
45
+ require("@fortawesome/fontawesome-free")
46
+
47
+
48
+
49
+ import 'bootstrap'
50
+
51
+ import '../stylesheets/application'
52
+
53
+
54
+
55
+ document.addEventListener("turbolinks:load", function(){
56
+
57
+ $(window).on('load', function () {
58
+
59
+ $('#modal_initial').modal();
60
+
61
+ });
62
+
63
+ })
64
+
65
+ ```