ウィンドウサイズに応じてli要素とselect要素を切り替えるレスポンシブなメニューを実装する軽量jQueryプラグイン・Responsive Menu - かちびと.net
ウィンドウサイズに応じてli要素と select要素にスイッチできるjQuery プラグイン、Responsive Menuのメモ。 ブレークポイントを設定して、閲覧 するウィンドウサイズがそのポイント に達したらli要素で作ったメニュー をselectにしてコンパクト化します。 以前、CSS-Tricksでも記事になっていました(参照：Convert a Menu to a Dropdown for Small Screens)が、これと同じ機能です。孫要素までネストされたリストでもselectにスイッチできます。CSS-Tricksのもネスト対応してるかは調べていませんが・・ 普通にPCで見ると左のようにリストに、スマフォのようなウィンドウサイズの狭いデバイスだとselectにスイッチしてコンパクトにしてくれます。これ便利ですよね。 select化されてもネストされた要素はスペースで明
jQueryでセレクトボックスの複数選択と単一選択を切り替える
jQueryでセレクトボックスの複数選択と単一選択を切り替える方法を紹介します。 １．サンプル サンプルを用意しましたので動作を確認してください。 サンプル 以下、サンプルの動作を説明します。次のセレクトボックスがあります。 このセレクトボックスは項目をひとつしか選択できません（単一選択）。 青色のリンクをクリックすれば、複数選択可能なセレクトボックスに切り替わります。 CtrlキーやShiftキーと組み合わせてクリックすれば次のように複数選択できます。 ２．コードと解説 サンプルのメインとなるコードは次の通りです。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script> <script> $(function(){ $('.change').click(function
jQuery Doubleselect Plugin
Fill in a second select box dependent on the first one. Version : 1.3.1 Written by : Johannes Geppert Download : jquery.doubleSelect.1.3.1.zip Example : DoubleSelect Demo Code $(document).ready(function() { "Vegetables": { "key" : 10, "defaultvalue" : 111, "values" : { "tomato": 110, "potato": 111, "asparagus": 112 } }, "Fruits": { "key" : 20, "defaultvalue" : 212, "values" : { "apple": 210, "oran
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
