ナビリンク範囲をボックス全体に広げたいけど、HTMLのマークアップがおかしなことになるので、jQueryを使ってなんとかしたいと思っている方、複数のクラスを指定した箇所をまとめて同じ動作を適用したい方はこのページに解決方法が書いてあります!↓こんな感じのデザインのリンク範囲を広げてボックスいっぱいにする方法です。});});window.locationの.locationとはwindowオブジェクトのプロパティ。MDNには「現在のURLの情報とそれを変更するためのメソッドを提供する」と描かれている、つまり、.locationには現在のURLの情報が格納されており、操作ができるということです。$(this)は、jQueryのオブジェクトで.scroll-itemを指します。$(this)にaとhrefの情報を入れたものをwindow.locationに代入したという事になります。複数箇所に適用したい場合ダメなパターン複数箇所なので、+で繋いでも動きません。'.scroll-item-h').click(function(){これも動きません。'.scroll-item-h').click(function(){完成形addを利用し、まとめて処理する事で動作します。});});変数にクラスを代入する。.addを使って同時に処理する。引数に入れた値を加える事ができる。.addは終了後破棄される。1箇所追加してみるaddの第2引数に変数追加しても動作しませんでした。});addをもう一つつなぐ事で動作します。最後にボックスのaタグ以外の拡大したリンク範囲にマウスカーソルがかかった時の処理をしないといけません。jQueryではクリックした時に拡大されますので、マウスカーソルがボックスに掛かっていてもクリックできるかわからない状態です。ポインターを変化させる簡単な方法はスタイルシートで指定することです。pointer;を追加すればカーソルが手のマークに変わります。pointer;}以上試してみた事をまとめました。コメントをキャンセルメールアドレスが公開されることはありません。上に表示された文字を入力してください。