jQuery初心者です。
http://kyasper.com/jquery-tips/
上記のURLを参考に、スマホのヘッダーメニューのページ内リンクを設定しました。
1点加えて追加したい機能があり、
ここからどんな記述を加えればいいのか、
はたまたこの考えがとんちんかんなのか…ご質問させて頂ければと思っています。
やりたいこととしては、ページ内リンクの設定で、
他のページから飛ぶ分には良いのですが、
同ページ内の場合、クリックするとスクロールはうまく行くのですが、
メニューが閉じず、コンテンツが見づらくなってしまいます。
http://kyasper.com/jquery-tips/
のサイトで解説頂いている中に、下記のような箇所があります。
// #で始まるアンカーをクリックした場合に処理
jQuery('a[href^=#]').click(function() {
この下に何か記述を加えて、
上記のことを行えるようにはできないものでしょうか。
お詳しい方、何卒お力をかして頂ければ幸いです。
よろしくお願いいたします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
メニューの表示のしかたがulで調整しているのであれば
jQuery('a[href^=#]').click(function() {
$(this).parents('ul').hide();
}
的な処理じゃないでしょうか?
※ulの入れ子状態によって調整が必要
No.2
- 回答日時:
すでにある程度ウェブサイトを作成したあとで, 上記ウェブページのページ内リンクのアニメーション用スクリプトを追加したのですよね.
その前提でお答えします.
引用されているスクリプトは, CSSセレクターでページ内すべてのページ内リンクを持つ<a>要素に対してclickイベントリスナーを仕掛けるだけです.
したがって, サブメニューの展開・格納の制御には関わりありません.
別の場所にサブメニュー用スクリプトがあるはずですから, ページ内ジャンプの際にはサブメニューが展開しないように弄る必要があるかと思います.
抽象的になってしまいましたが, jsfiddleなどの匿名でソースコードを共有できるサービスを使って状況を再現すれば, より具体的な回答が得られるかと思います.
No.1
- 回答日時:
こんにちは。
スクロールのスクリプトが原因とお考えのようですが、ご提示のスクロールのスクリプトはメニューとは直接の関係はありません。
メニューが閉じないのは、そのようにメニューが作られているからではないでしょうか。
メニューをクリックしたら必ず閉じるというふうになさりたいのなら、そのようにメニューを作っておく方が良いように思います。
>この下に何か記述を加えて、
>上記のことを行えるようにはできないものでしょうか。
お察しのように、その方法でも実現は可能と想像します。
ページ内リンクがメニューにだけ設定されている場合はまったく問題はありませんが、その他にもリンクが存在する場合は、同じ処理が実行されることになるので、その際にも問題のないようにスクリプトを記述しておく必要はありますが…
(jQueryを用いているなら、大抵の場合は問題にはならないと想像します。)
さて、肝心のスクリプトですが、質問者様がどのような仕組みのメニューを設置なさっているのか皆目見当がつかないので、
『メニューを閉じるスクリプトを記述する』
としか言いようがありません。
ほとんど回答になっていなくて、申し訳ないです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページ 上から降りてく...
-
Excelでワードアートや図を常に...
-
PDFを(htmlのように)無限に縦...
-
【jQuery】ページ内リンクの設...
-
リストビューをスクロールさせ...
-
webページで横方向にアンカーを...
-
VBA IEの操作 スクロールバーの...
-
Spreadのスクロールについて
-
スクロールバーの表示について
-
エクセルVBAでフォームのListbo...
-
画像のようにとあるサイトの横...
-
html js 横軸の長いチャート
-
大きい表へのスクロールバーの...
-
グランドピアノの中身を真上か...
-
前にも質問したと思うけど、回...
-
写真を右から左にスクロールさ...
-
Visual Basicから Spreadのスク...
-
Flashコンテンツが動かない。
-
デジタル時計の時刻合わせの方...
-
マイページはどこを開くの
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
PDFを(htmlのように)無限に縦...
-
エクセルVBAでフォームのListbo...
-
リストビューをスクロールさせ...
-
大きい表へのスクロールバーの...
-
Visual Basicから Spreadのスク...
-
vb,netでtextboxの文字を右から...
-
webページで横方向にアンカーを...
-
IEにおけるプルダウン、テキ...
-
Excelで一部分だけを常に表示さ...
-
マウスでコロコロしたいんですが…
-
ポストバック時のスクロール位...
-
子要素のスクロールが親要素に...
-
アコーディオンで開かれたパネ...
-
マウスオーバー→ホイール回転で...
-
ページ訪問時にiframe内を自動...
-
前のページに戻るとスクロール...
-
MFCでのスクロールバーの扱い
-
C#:ListViewでのスクロールイベ...
-
文章の自動スクロール
おすすめ情報