[jQuery UI] AutocompleteのソースをAjaxで取得する[jQuery UI] AutocompleteのソースをAjaxで取得する
jQuery UIの公式サイトにあるAutocompleteのデモ。 Autocomplete | jQuery UI http://jqueryui.com/autocomplete/ <script> $ […]
カテゴリー: jQuery UI
[jQuery UI] 基本メモ: Effects[jQuery UI] 基本メモ: Effects
サンプルコード <div id="box" style="width:100px; height:100px; background:green;">box</div> $('#box').cli […]
[jQuery UI] 基本メモ: Tabs[jQuery UI] 基本メモ: Tabs
サンプルコード <div id="tabs"> <ul> <li><a href="#menu1">menu1</a></li> <li> […]
[jQuery UI] 基本メモ: Slider[jQuery UI] 基本メモ: Slider
サンプルコード スライダーの動きに併せてプログレスバーを変化させてみる。 <div id="bar" style="width:200px"></div> <div id="slider" […]
[jQuery UI] 基本メモ: Progressbar[jQuery UI] 基本メモ: Progressbar
サンプルコード <div id="bar" style="width:200px"></div> $('#bar').progressbar({ value: 40, }) 参考サイト Progr […]
[jQuery UI] 基本メモ: Dialog[jQuery UI] 基本メモ: Dialog
サンプルコード <button>open</button> <div id="msg">hello</div> $('button').click(function() { […]
[jQuery UI] 基本メモ: Datepicker[jQuery UI] 基本メモ: Datepicker
サンプルコード <input type="text" id="datepicker"> $('#datepicker').datepicker(); オプションを追加してみる。 $('#datepicker' […]
[jQuery UI] 基本メモ: Button[jQuery UI] 基本メモ: Button
サンプルコード <button>click</button> <input type="checkbox" id="check"> <label for="check">c […]
[jQuery UI] 基本メモ: Autocomplete[jQuery UI] 基本メモ: Autocomplete
サンプルコード <input type="text" id="langs"> var langs = ['ja','en','cn','fr','sp']; $('#langs').autocomplete( […]
[jQuery UI] 基本メモ: Accordion[jQuery UI] 基本メモ: Accordion
サンプルコード <div id="accordion"> <h3><a href="">Title</a></h3> <div>Hello!< […]
[jQuery UI] 基本メモ: Sortable[jQuery UI] 基本メモ: Sortable
サンプルコード <ul id="sortable"> <li id="item-1">item1</li> <li id="item-2">item2</li> […]
[jQuery UI] 基本メモ: Selectable[jQuery UI] 基本メモ: Selectable
サンプルコード <style> .ui-selected { background: red; } </style> <ul id="selectable"> <li id="i […]
[jQuery UI] 基本メモ: Resizable[jQuery UI] 基本メモ: Resizable
サンプルコード <div class="box" style="width:50px; height:50px; background:#ccc;">box</div> $('.box').res […]
[jQuery UI] 基本メモ: Droppable[jQuery UI] 基本メモ: Droppable
サンプルコード <div class="box" style="width:50px; height:50px; background:#ccc;">box</div> <div class […]
[jQuery UI] 基本メモ: Draggable[jQuery UI] 基本メモ: Draggable
サンプルコード <div id="box" style="width:100px; height:100px; background:green;"></div> $('#box').dragga […]
[jQuery UI] 基本メモ: 準備[jQuery UI] 基本メモ: 準備
本家サイトからjQuery UIをダウンロードする。 jQuery UI https://jqueryui.com/ Stable v1.11.4 jQuery 1.6+ jquery-ui-1.11.4.zip Sta […]