回答編集履歴

3

修正

2018/09/14 03:35

投稿

spookybird
spookybird

スコア1803

test CHANGED
@@ -84,6 +84,6 @@
84
84
 
85
85
  `<span id="btn-nav__sp" class="menu-trigger"></span>`
86
86
 
87
- JSの方で書いてる`id`が間違ってるだけだと思いますよ。
87
+ JSの方で書いてるセレクタが間違ってるだけだと思いますよ。
88
88
 
89
- `btn-nav--sp`ではなく`btn-nav__sp`です。
89
+ `.btn-nav--sp`ではなく`#btn-nav__sp`です。

2

追記

2018/09/14 03:35

投稿

spookybird
spookybird

スコア1803

test CHANGED
@@ -71,3 +71,19 @@
71
71
  んで、`about_gallery`なんていうclassを持った要素はどこにも存在しないようですね。
72
72
 
73
73
  `initPortfolio`って関数名からして、これどっかのフリーランサーかデザイナかなんかのポートフォリオサイトを丸コピしてきた感じですかね。
74
+
75
+
76
+
77
+ ### 追記2
78
+
79
+
80
+
81
+ 解決済みですが追記します。
82
+
83
+
84
+
85
+ `<span id="btn-nav__sp" class="menu-trigger"></span>`
86
+
87
+ JSの方で書いてる`id`が間違ってるだけだと思いますよ。
88
+
89
+ `btn-nav--sp`ではなく`btn-nav__sp`です。

1

原因を追記

2018/09/14 03:34

投稿

spookybird
spookybird

スコア1803

test CHANGED
@@ -25,3 +25,49 @@
25
25
  たぶんどこかに`Flipsnap('セレクタ');`みたいな記述をしているはずです。
26
26
 
27
27
  セレクタで指定している要素が常に存在するか確認してみてください。
28
+
29
+
30
+
31
+ ### 追記
32
+
33
+
34
+
35
+ 軽く解析しました。
36
+
37
+ ```js
38
+
39
+ initPortfolio: function () {
40
+
41
+ if (!this.isSpView) {
42
+
43
+ this.flipsnap = undefined;
44
+
45
+ $('.about_gallery').width((this.windowWidth + 1) + 'px');
46
+
47
+ $('.about_gallery > img').css({width: '20%'});
48
+
49
+ return; // スマホ表示でなければここで return している
50
+
51
+ }
52
+
53
+ var _this = this;
54
+
55
+ var total = this.windowWidth * $('.about_gallery > img').length;
56
+
57
+ $('.about_gallery').width(total);
58
+
59
+ $('.about_gallery > img').width(this.windowWidth);
60
+
61
+ this.flipsnap = Flipsnap('.about_gallery'); // スマホ表示だとここにくる
62
+
63
+
64
+
65
+ // 後略
66
+
67
+ ```
68
+
69
+
70
+
71
+ んで、`about_gallery`なんていうclassを持った要素はどこにも存在しないようですね。
72
+
73
+ `initPortfolio`って関数名からして、これどっかのフリーランサーかデザイナかなんかのポートフォリオサイトを丸コピしてきた感じですかね。