質問編集履歴
4
エラー解消について追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -151,4 +151,9 @@
|
|
|
151
151
|
**コンソールにたまっているエラーについて（回答者さんへの追加情報）**
|
|
152
152
|
確認したところ、上1つは別のページで起こるエラー、GETのエラーは常に出てしまうもので未解決、
|
|
153
153
|
最後の2つは上部メニューをスクロールした時に消えるように設定しているのですが、そのエラーのようです。
|
|
154
|
-
|
|
154
|
+
|
|
155
|
+
**★2019/5/30追記**
|
|
156
|
+
上記エラーは解消しましたが、以前として表示されません。
|
|
157
|
+
[Bootstrapのモーダル機能で多重表示する際に解決しなければならない2つの問題](http://yebisupress.dac.co.jp/2018/06/11/tips_when_using_bootstrap_multiple_modal_overaly/)
|
|
158
|
+
こちらの記事も参照しましたが、z-indexの大小を正しく設定しても解消されず。。。
|
|
159
|
+
[モーダル bootstrap4移行ガイド](https://cccabinet.jpn.org/bootstrap4/components/modal)に書いてある「Bootstrapは一度に1つのモーダルウィンドウしかサポートしない。入れ子になったモーダルは、ユーザー経験が乏しいと思われるためサポートされていない。」から察するに、今回入れ子構造にはしていないもののそれが関係しているのかなと考えています...
|
3
ヘッダーの修正コードを追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -52,6 +52,22 @@
|
|
|
52
52
|
$("#following-modal").modal("show");
|
|
53
53
|
|
|
54
54
|
```
|
|
55
|
+
「header.js」スクロールするとヘッダー部分が消えるようにしている
|
|
56
|
+
```javascript
|
|
57
|
+
var startPos = 0, winScrollTop = 0;
|
|
58
|
+
$(window).on('scroll', function () {
|
|
59
|
+
winScrollTop = $(this).scrollTop();
|
|
60
|
+
if (winScrollTop >= startPos) {
|
|
61
|
+
if (winScrollTop >= 200) {
|
|
62
|
+
$('.site-header').addClass('hide');
|
|
63
|
+
}
|
|
64
|
+
} else {
|
|
65
|
+
$('.site-header').removeClass('hide');
|
|
66
|
+
}
|
|
67
|
+
startPos = winScrollTop;
|
|
68
|
+
});
|
|
69
|
+
|
|
70
|
+
```
|
|
55
71
|
モーダルウインドウの中身部分「users/_follow_list.html.erb」
|
|
56
72
|
```html
|
|
57
73
|
<div class="modal-dialog">
|
2
モーダルのCSS検証画面を追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -76,8 +76,10 @@
|
|
|
76
76
|
background-color: #000;
|
|
77
77
|
}
|
|
78
78
|
```
|
|
79
|
-
|
|
79
|
+
.modal-backdropのCSS
|
|
80
80
|
|
|
81
|
+
.modalのCSS
|
|
82
|
+
|
|
81
83
|
###正常に動く部分のソースコード
|
|
82
84
|
|
|
83
85
|
```html
|
|
@@ -120,7 +122,10 @@
|
|
|
120
122
|
</div>
|
|
121
123
|
```
|
|
122
124
|
正常に動くページの検証画面
|
|
125
|
+
.modal-backtdropのCSS
|
|
123
126
|
|
|
127
|
+
.modalのCSS
|
|
128
|
+
|
|
124
129
|
### 考えられる理由
|
|
125
130
|
先に正常に表示できている部分（画像クリックで開く機能）の実装をし、そこで使ったコードをほぼ流用してフォローリストのモーダル部分を作ったため、先に作ったやつが何らか邪魔をしているのかな・・・と思います。
|
|
126
131
|
jsの読み込みがうまくできていなかったりすることも原因でしょうか、、、
|
1
回答者様への追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -125,4 +125,9 @@
|
|
|
125
125
|
先に正常に表示できている部分（画像クリックで開く機能）の実装をし、そこで使ったコードをほぼ流用してフォローリストのモーダル部分を作ったため、先に作ったやつが何らか邪魔をしているのかな・・・と思います。
|
|
126
126
|
jsの読み込みがうまくできていなかったりすることも原因でしょうか、、、
|
|
127
127
|
|
|
128
|
-
どなたか教えていただけると幸いです。
|
|
128
|
+
どなたか教えていただけると幸いです。
|
|
129
|
+
|
|
130
|
+
**コンソールにたまっているエラーについて（回答者さんへの追加情報）**
|
|
131
|
+
確認したところ、上1つは別のページで起こるエラー、GETのエラーは常に出てしまうもので未解決、
|
|
132
|
+
最後の2つは上部メニューをスクロールした時に消えるように設定しているのですが、そのエラーのようです。
|
|
133
|
+
|