スマホで表示したときにサムネイルが押せない不具合を解消したいです。

###問題の詳細
以下の問題のページで、スマホで表示した時に以下の添付画像（A）のようにサムネイルを押しても反応がなく商品画像が切り替わりません。
（PCで見るときは機能しています）そこでデベロッパーツールのconsoleを見るとスマホのときだけ添付画像の【SPで閲覧時のconsoleエラー】（C）のようなエラーが確認できました。（添付画像（B）（C））おそらくこれが原因かと思うのですがどう対処すればいいのでしょうか？

問題のページ

###参考画像
【サムネイル部分】（A）

###エラーの内容
【PCで閲覧時のconsoleエラー】（B）

【SPで閲覧時のconsoleエラー】（C）

不足している情報があれば補足いたします。
よろしくお願いいたします。

行動規範の内容に同意します

回答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

２．そもそも処理しない

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で「強制」されているように見えます。要素が無い事を想定していない実装になってるので。
なので、なくてもいいのであれば１の要素数があれば実行するという風に変えてしまえばいいかと。

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