【jQuery】JSで共通ナビの現在地をアクティブにする ｜ Tips Note by TAM
グローバルナビを共通ファイル化するとき、PHPやCMSで管理して 現在地判定もそこで設定することが多いのですが、 今回は現在地の判定をJavaScriptで実装してほしいという要望があり、調べてみました。 カテゴリ1 カテゴリ2今ここ カテゴリ3 カテゴリ4 「jquery 現在地」で検索したら、すぐ使えそうなものがいっぱい出てきました。。 やり方はいくつかあり、 ・bodyタグに、該当するディレクトリをIDで指定しておき、マッチする要素にクラスを追加 ・liやa要素にIDをつけておき、現在のURLとIDがマッチしたらクラスを追加 ・現在のURLとナビのリンクURLがマッチしたらクラスを追加 etc. ページごとにIDやクラス指定を追加するのは手間なので、他サイトでもすぐ使いまわせそうな 「現在のURLとナビのリンクURLがマッチしたらクラスを追加する」パターンを紹介します。 こちらは参考
Drawer
Flexible drawer menu using jQuery, iScroll and CSS. InstallationStep 1: Link required filesDownloadDrawer v3.2.2jQuery 1.11.3+ Created by jQuery Foundation and other contributors.iScroll Created by Matteo Spinelli.CDN<!-- drawer.css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css"> <!-- jquery & iScroll --> <script src="https://ajax.google
Facebookっぽいナビゲーションをレスポンシブデザインで実装するプラグイン／チュートリアル色々 | バンクーバーのうぇぶ屋
タイトルの通りなんですが、結構頑張って探したのでメモがてら共有！ Facebookのモバイル版のあの、右にスッと出てくるナビゲーションあるじゃないっすか。今日はあのナビゲーションの実装についてのネタをシェアさせて頂きます〜！ こんな奴！ボタンクリックすると横にシュッと出てくるタイプのナビゲーション、英語圏ではOff-Canvas Navigationとかって呼ばれたりすると思いますが、これをちょっと急遽実装しなきゃいけない案件に追われて、先日ガツっとどんなのあるか調べたので、良い機会だから共有兼メモ書きとして記事にさせて頂こうと思います！ Sidr – A jQuery plugin for creating side menus なんか日本人でも知ってる人多い印象。かなーり僕の理想に近かったので、あとは実装して問題なければコレにしようと思いました！ メニューの展開はこんな感じ。 これでえ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
