jQueryUI(17)

15follower
harada さんのアバター 238views

スマホでjQueryUIのautocompleteを2回タップしなければならない現象を解消する

.autocompleteのところに以下のオプションを付与するとスマホ版でも1回のタップで選択できるようになります。 $("#input").autocomplete({ open: function(event, ui) { ... 2017年2月8日
harada さんのアバター 221views

jQueryUIのautocompleteをフォームクリックで表示する

通常の記述だと下カーソルか、何か入力した際にしか表示されないのですが、フォームをクリックするだけで候補リストを出したいとおもい調べたところ以下の方法でできました。 var stationsList = [ ... 2017年1月24日
harada さんのアバター 495views

「X-editable」を利用してその場で編集するUI(Edit In Place)を導入する

X-editableプラグインを利用することで、その場で編集するUI(Edit In Place)を簡単に導入することができます。 ダウンロードとデモはこちらから。 X-editableプラグインはBootstrapとjQuery UI、... 2016年7月5日
harada さんのアバター 578views

jQuery UI Datepickerで表示する年数を指定する

jQuery UI Datepickerでカレンダーで年のセレクトボックスを付ける場合、デフォルトだと前後10年ほどしか表示されないようになっているようです。 生年月日を入力してもらうときなどは未来の年数は不要で、過去は結構な長さの年数が... 2016年4月5日
goto_jp さんのアバター 235views

jQueryUI:sortableを使う

See the Pen jQuery sortable by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ドラッグ&ドロップで並び替えできるリストです。 <ul class="sor... 2015年3月4日
harada さんのアバター 563views

WordPressで最新のjQueryとjQuery UIを読み込む

/1/ とすることで最新のバージョンを指定できるそうです。 <?php wp_deregister_script( 'jquery' ); wp_deregister_script( 'jquery-ui-core' ); wp_... 2014年9月2日
harada さんのアバター 1,020views

WordPressのフロントエンド投稿フォームに投稿タグのサジェスト機能を付ける

これまでに投稿したタグを全ては覚えていられないので、タグのサジェスト機能があればいいなとずっと思っていたのですが、やっと実装できました。 jQueryプラグインでも様々なサジェスト機能がありますが、今回欲しかったのは下記の要件を満たすプラ... 2014年7月31日
goto_jp さんのアバター 929views

jQueryUI:「input type=number」を擬似的に作る

サンプルはこちら。 See the Pen Eurik by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 数値入力欄の右の上下ボタンより一定の数値を増減させられます。 HTML5からの「... 2014年6月9日
goto_jp さんのアバター 970views

jQueryUI:階層メニューUIをつくる

サンプルはこちら See the Pen xdJEr by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. リストから階層メニューを簡単に作れます。 JavaScript $(functi... 2014年6月6日
goto_jp さんのアバター 1,112views

jQueryUI:ラジオボタンをボタンセットにする

サンプルはこちら See the Pen lBpku by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. HTML <div class="group"> ... 2014年6月6日
goto_jp さんのアバター 787views

jQueryUI:ツールチップを表示させる

サンプルはこちら。 See the Pen vuaif by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. カーソルを置いた際にツールチップを表示させます。注釈や説明の表示に役立ちます。 ... 2014年6月5日
goto_jp さんのアバター 898views

jQueryUI:入力欄にオートコンプリート(入力補助)機能をつける

サンプルはこちら。 See the Pen fkoxL by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. a~bで始まるいくつかの単語を候補に入れています。jQueryUIでこのようなオー... 2014年6月5日
goto_jp さんのアバター 550views

jQueryUI:アコーディオンUIの生成

サンプルはこちら。 See the Pen fGysD by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. jQueryUIでアコーディオンUIを簡単に作ることができます。jQueryUIの... 2014年6月4日
goto_jp さんのアバター 962views

jQueryUI:ダイアログの生成

サンプルはこちら See the Pen tHfer by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. jQueryUIで簡単にダイアログ表示を行うことができます。 HTML <... 2014年6月4日
goto_jp さんのアバター 807views

jQueryUI:ドラッグ&ドロップの制御

サンプルはこちら。 前回はドラッグする方法を紹介しましたが、それだけでは意味がありません。ドラッグした後にドロップする時の挙動も含めて一つのUIになります。 JavaScript $(function() { $('.t... 2014年6月3日
goto_jp さんのアバター 301views

jQueryUI:要素をドラッグ可能にする

サンプルはこちら。 See the Pen LhAEr by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. jQueryのプラグイン「jQueryUI」のドラッグコンポーネントを利用していま... 2014年6月3日
harada さんのアバター 3,855views

メールアドレス入力フォームにドメインのサジェスト機能をつける(2)

jQuery UIを利用して、@マーク以降のドメインをサジェストする方法です。 <form> <input class="domain-autocomplete" id="demo" type="text" name="... 2014年2月24日