###問題の詳細
以下の問題のページで、スマホで表示した時に以下の添付画像(A)のようにサムネイルを押しても反応がなく商品画像が切り替わりません。
(PCで見るときは機能しています)そこでデベロッパーツールのconsoleを見るとスマホのときだけ添付画像の【SPで閲覧時のconsoleエラー】(C)のようなエラーが確認できました。(添付画像(B)(C))おそらくこれが原因かと思うのですがどう対処すればいいのでしょうか?
###エラーの内容
【PCで閲覧時のconsoleエラー】(B)
不足している情報があれば補足いたします。
よろしくお願いいたします。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答1件
0
ベストアンサー
全部の動き見てないので、以下対応でどういう不具合でるかわかりません。
追記
画面サイズに応じた何らかの処理をしているのでしょうけど、どのように使われているかわかりません
ので、あくまでも質問部分を解決という意味で
1.条件がマッチした時のみ
javascript
1app.js 2 3 enquire.register('(max-width: ' + bp.medium + 'px)', { 4 setup: function () { 5 this.toggleElements = $j( 6 // This selects the menu on the My Account and CMS pages 7 '.col-left-first .block:not(.block-layered-nav) .block-title, ' + 8 '.col-left-first .block-layered-nav .block-subtitle--filter, ' + 9 '.sidebar:not(.col-left-first) .block .block-title' 10 ); 11 }, 12 match: function () { 13/* 14追加 15---------------------------------------------------------- 16*/ 17 if(this.toggleElements.length) 18 19/* 20---------------------------------------------------------- 21*/ 22 this.toggleElements.toggleSingle(); 23 24 }, 25 unmatch: function () { 26/* 27追加 28---------------------------------------------------------- 29*/ 30 if(this.toggleElements.length) 31 32/* 33---------------------------------------------------------- 34*/ 35 36 this.toggleElements.toggleSingle({destruct: true}); 37 } 38 }); 39
2.そもそも処理しない
javascript
1app.js 2以下部分削除 3 enquire.register('(max-width: ' + bp.medium + 'px)', { 4 setup: function () { 5 this.toggleElements = $j( 6 // This selects the menu on the My Account and CMS pages 7 '.col-left-first .block:not(.block-layered-nav) .block-title, ' + 8 '.col-left-first .block-layered-nav .block-subtitle--filter, ' + 9 '.sidebar:not(.col-left-first) .block .block-title' 10 ); 11 }, 12 match: function () { 13 this.toggleElements.toggleSingle(); 14 15 }, 16 unmatch: function () { 17 this.toggleElements.toggleSingle({destruct: true}); 18 } 19 }); 20
追記:
理由としては、ざっと見た感じですが本来HTML内に以下のいずれかのClass属性を持つ事が
app.jsで「強制」されているように見えます。要素が無い事を想定していない実装になってるので。
なので、なくてもいいのであれば1の要素数があれば実行するという風に変えてしまえばいいかと。
javascript
1 // This selects the menu on the My Account and CMS pages 2 '.col-left-first .block:not(.block-layered-nav) .block-title, ' + 3 '.col-left-first .block-layered-nav .block-subtitle--filter, ' + 4 '.sidebar:not(.col-left-first) .block .block-title' 5
投稿2017/06/12 07:16
編集2017/06/12 07:23総合スコア1013
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/06/12 07:24 編集
2017/06/13 09:08