ナビの一部をクリックしてもリンクのページが開きません。する質問をすることでしか得られない、回答やアドバイスがある。15分調べてもわからないことは、質問しよう!質問するただいまの回答率89.65%トップJavaScriptに関する質問JavaScriptHTMLCSSJavaScriptを有効にしてくださいナビの一部をクリックしてもリンクのページが開きません。--http://wonect.com/上記サイトのスマホ表示(画面サイズ780px以下)のときのナビの「Sale」をクリックしてもリンク先のページが開きません。※780px以上のときは「Sale」をクリックするとリンク先のページに移動できます。--・スマホ表示のときはナビのレイアウトがかわりクリックするとサブカテゴリが開く(PC表示のときはホバー時に開く)構成のため、スマホ独自の効果によりリンク先が開かない可能性が高いと思います・上記サイトは、オープンソースのECサイト構築パッケージのMagentoを利用して制作しました。--リンクが機能する横幅780px以上のときに「Sale」に関連するタグに影響していそうなclassと同じにしたり、スマホ表示のときのみの固有のclassを削除したがうまくいきませんでした。attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。件sort評価が高い順sort新着順sort古い順linkcheckベストアンサー+1なんか見たことがあるコードだなあ......app.jsにクリックイベントが設定されていますね。});解決方法ですが、skipLinksに含まれないようにすればいいので、クラス属性からskip-linkを外せばいいと思います。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。17:47回答をいただき誠にありがとうございます。回答をいただき誠にありがとうございます。09:17回答をいただいたとおり、app.jsにクリックイベントに関係あるclassのskip-link,skip-contentを外して見ましたがやはりスマホ表示のときのSaleはクリックできませんでした。何か他に解決の糸口になるようなことがございましたらご教授いただけますでしょうか?回答をいただいたとおり、app.jsにクリックイベントに関係あるclassのskip-link,skip-contentを外して見ましたがやはりスマホ表示のときのSaleはクリックできませんでした。app.jsにクリックイベントに関係あるclassのskip-link,skip-contentを外してこれは具体的に言うと、どういう変更を行ったのでしょうか。これは具体的に言うと、どういう変更を行ったのでしょうか。14:08説明が不十分で申し訳ありません。>これは具体的に言うと、どういう変更を行ったのでしょうか。スマホ表示時のヘッダーのclassの全てのskip-link,skip-contentをChromeのデベロッパーツールをつかって削除した状態にしました。>PC表示の「Sale」とスマホ表示の「Sale」は別の要素だということはご理解いただいてますか?PCとスマホで異なるナビのhtmlを切り替えて表示していると理解しています。説明が不十分で申し訳ありません。>これは具体的に言うと、どういう変更を行ったのでしょうか。スマホ表示時のヘッダーのclassの全てのskip-link,skip-contentをChromeのデベロッパーツールをつかって削除した状態にしました。PCとスマホで異なるナビのhtmlを切り替えて表示していると理解しています。Chromeのデベロッパーツールをつかって削除した状態にしました。デベロッパーツールでクラス削除すると、既存のイベントリスナを捨てるかどうか、ちょっと分からないですね。確認方法としてはよくない気がします。逆にDOMが差し替わるような変更なら全てのイベントリスナが破壊されるはずですし。Chromeのデベロッパーツールをつかって削除した状態にしました。デベロッパーツールでクラス削除すると、既存のイベントリスナを捨てるかどうか、ちょっと分からないですね。確認方法としてはよくない気がします。逆にDOMが差し替わるような変更なら全てのイベントリスナが破壊されるはずですし。09:55度々の返信誠にありがとうございます。>デベロッパーツールでクラス削除すると、既存のイベントリスナを捨てるかどうか、ちょっと分からないですね。デベロッパーツールで試すのではなく実際にsaleに設定されていたskip-linkを削除したところクリックできるようになりました。ありがとうございました。返信誠にありがとうございます。>デベロッパーツールでクラス削除すると、既存のイベントリスナを捨てるかどうか、ちょっと分からないですね。デベロッパーツールで試すのではなく実際にsaleに設定されていたskip-linkを削除したところクリックできるようになりました。ありがとうございました。解決済リンクから特定のページに遷移する方法が知りたい解決済サイトを画面の幅に併せて全体的に縮小する方法を教えて下さい。no...解決済トップページのURLに予期せずindex.htmlがついてしまうことで適切なページが表示できていない...解決済あるページで「このページは承認されていないソースからのスクリプトを読み込もうとしています」と表示され...解決済URLのリダイレクトがうまく機能しません。非表示にしているものが一瞬見えてしまいます。0ホバー時に表示されるドロップダウンメニューが途中で切れてしまいます。思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る閉じるトップJavaScriptに関する質問ナビの一部をクリックしてもリンクのページが開きません。頂いたご意見への回答は行っておりません。