jQueryUI
jQueryUIのautocompleteをフォームクリックで表示する
通常の記述だと下カーソルか、何か入力した際にしか表示されないのですが、フォームをクリックするだけで候補リストを出したいとおもい調べたところ以下の方法でできました。 var stationsList = [ ‘東京駅’, …「X-editable」を利用してその場で編集するUI(Edit In Place)を導入する
X-editableプラグインを利用することで、その場で編集するUI(Edit In Place)を簡単に導入することができます。 ダウンロードとデモはこちらから。 X-editableプラグインはBootstrapとj…jQuery UI Datepickerで表示する年数を指定する
jQuery UI Datepickerでカレンダーで年のセレクトボックスを付ける場合、デフォルトだと前後10年ほどしか表示されないようになっているようです。 生年月日を入力してもらうときなどは未来の年数は不要で、過去は…jQueryUI:sortableを使う
See the Pen jQuery sortable by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ドラッグ&ドロップで並び替えできるリストです。 <ul clas…WordPressで最新のjQueryとjQuery UIを読み込む
/1/ とすることで最新のバージョンを指定できるそうです。 <?php wp_deregister_script( ‘jquery’ ); wp_deregister_script( ‘jquery-ui-core…WordPressのフロントエンド投稿フォームに投稿タグのサジェスト機能を付ける
これまでに投稿したタグを全ては覚えていられないので、タグのサジェスト機能があればいいなとずっと思っていたのですが、やっと実装できました。 jQueryプラグインでも様々なサジェスト機能がありますが、今回欲しかったのは下記…jQueryUI:「input type=number」を擬似的に作る
サンプルはこちら。 See the Pen Eurik by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 数値入力欄の右の上下ボタンより一定の数値を増減させられます。 HTML…jQueryUI:階層メニューUIをつくる
サンプルはこちら See the Pen xdJEr by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. リストから階層メニューを簡単に作れます。 JavaScript $(fu…12