質問編集履歴
3
変更点の追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -106,16 +106,18 @@
|
|
|
106
106
|
|
|
107
107
|
### 試したこと
|
|
108
108
|
|
|
109
|
-
[こちら](https://hasethblog.com/it/programming/css/6130/)を参考に下記のコードを<body>タグの一番最後へ追記したところ、プルダウンの作動も無くなってしまいました。
|
|
109
|
+
・[こちら](https://hasethblog.com/it/programming/css/6130/)を参考に下記のコードを<body>タグの一番最後へ追記したところ、プルダウンの作動も無くなってしまいました。
|
|
110
110
|
```article_detail.html
|
|
111
111
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
112
112
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
|
113
113
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
|
114
114
|
```
|
|
115
|
-
|
|
115
|
+
・試しにDjangoのテンプレートタグを用いない静的htmlを最小構成にして試してみたところ、同様の問題が発生しました。
|
|
116
116
|
その際、<script>タグ内のjsを上記のコードへ置き換えや追記した場合も同様にプルダウン作動がなくなりました。
|
|
117
117
|
|
|
118
|
+
・プルダウンを削除し、モーダルのトリガーをシンプルな<a>タグの要素にしてみたところ、モーダルが正常に表示されました。
|
|
119
|
+
|
|
118
|
-
|
|
120
|
+
・動作確認をする上でブラウザのキャッシュクリア等も行いましたが、問題は解決されませんでした。
|
|
119
121
|
|
|
120
122
|
### 試したこと(その2)
|
|
121
123
|
ブラウザの検証機能のコンソール画面には下記のエラーメッセージが表示されました。
|
2
検証内容の追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -112,6 +112,9 @@
|
|
|
112
112
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
|
113
113
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
|
114
114
|
```
|
|
115
|
+
また、試しにDjangoのテンプレートタグを用いない静的htmlを最小構成にして試してみたところ、同様の問題が発生しました。
|
|
116
|
+
その際、<script>タグ内のjsを上記のコードへ置き換えや追記した場合も同様にプルダウン作動がなくなりました。
|
|
117
|
+
|
|
115
118
|
また動作確認をする上でブラウザのキャッシュクリア等も行いましたが、問題は解決されませんでした。
|
|
116
119
|
|
|
117
120
|
### 試したこと(その2)
|
1
検証内容の追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -114,6 +114,11 @@
|
|
|
114
114
|
```
|
|
115
115
|
また動作確認をする上でブラウザのキャッシュクリア等も行いましたが、問題は解決されませんでした。
|
|
116
116
|
|
|
117
|
+
### 試したこと(その2)
|
|
118
|
+
ブラウザの検証機能のコンソール画面には下記のエラーメッセージが表示されました。
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
|
|
117
122
|
### 補足情報（FW/ツールのバージョンなど）
|
|
118
123
|
|
|
119
124
|
・Bootstrap4系
|