jQueryでグローバルメニュー内のリストから「現在のページ」のURLを持ったリストにclassを加える
グローバルメニュー内のリストの中で 現在のページの部分にclassを与える事 で今いるページだけをスタイリングする 事が出来ます。静的なサイトなら手作業 で済みますが、CMSとかASPになると、その 中のルールに依存するので少し厄介です。 某所で悩んでる人を見かけたので書いてみます。本当はさほどネタがないんですが。 実装 「現在のページ」のリンクだけclassが加わっていますので赤い文字にスタイリングする事が出来ました。 コードvar url = window.location; $('.menu a[href="'+url+'"]').addClass('current');jQueryはこれだけです。別にjQueryじゃなくてもよくね？ってコードですが。 現在のページのURLを取得して属性フィルタで判別してcurrentっていうclassを与えます。これで「現在閲覧中のページ」のリンク
deck.js » Modern HTML Presentations
<div class="deck-container on-slide-1"> <section class="slide deck-previous"> <h1>My Presentation</h1> </section> <section class="slide deck-current"> <h2>Slide Header</h2> <p>Here is a list of points:</p> <ul> <li>Point 1</li> <li>Point 2</li> <li>Point 3</li> </ul> </section> <section class="slide deck-next"> <h2>Another Slide</h2> <blockquote cite="http://example.com"> <p>Lorem ipsum dolor sit
floatさせた要素、inline-blockの高さをそろえる。 - Toro_Unit
display:boxはまだまだ実装が微妙だし、display:inline-blockやfloatだと、要素の高さ自体は変わらなくてborderとかbackgroundを使ったときいまいち困ったり。 というわけでそんなとき用のjs。相変わらずjQueryです。 HTML [html] <div class="box">box1</div> <div class="box">box2</div> <div class="box">box3</div> [/html] JavaScript [js] $(function(){ var pointHeight = new Array(); $(".box").each(function(){ pointHeight.push( $(this).height() ); }); function sort_num(a,b){return (b –
Greg (Grzegorz) Babula | Senior Software Engineer, Team Lead, Manager
Senior Software Engineer, Team Lead, Manager Disney Streaming Services About Senior Software engineer with over a decade of experience. My expertise includes JavaScript, client-side development, UI & UX, documentation and specification development, ability to evaluate and manage risk, creative problem solving, communication, and leadership. My primary focus is JavaScript the language and software
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Page not found
https://odyniec.net/projects/selectlist/
