タグ

jQuery UIに関するyggdra_wのブックマーク (4)

  • jQuery UI と BootstrapのTooltipの競合を回避して共存させて両方使う - Qiita

    よく使いそうで忘れそうなので個人メモ。 タイトルの通り。jQueryUIBootstrapのTooltip関数は名前が同じなので競合する。実際の動作は対象へのホバーでツールチップが表示される、というもので、使い方は同じだけれど、その設定や挙動は結構違う。 Bootstraphtml要素自体にパラメータを設定したりできるのでjsファイルを用意する必要がなかったりして、その分では便利だけれど、ajaxでデータを持ってきて表示させたりする時に不便。htmlコードも扱えるけれど、複雑なコードを書こうとすると面倒くさい。title=''に基全部書き込む必要があるので、例えば、 これはあからさまだけれど、画像のsrcが表に出てきちゃう。divとかリスト要素のネストとかを複雑に入れ込もうとすると、その中の"'に全部気を配るのは大変だし、非生産的このうえないわけで。 もちろん、BootstrapのT

    jQuery UI と BootstrapのTooltipの競合を回避して共存させて両方使う - Qiita
  • DatePickerウィジェットで日付選択ボックスを作成するには?

    jQuery UIは、jQueryを拡張するライブラリ(プラグイン)の一種で、名前のとおり、ユーザー・インターフェイス(UI)に関わる機能を提供します。jQuery UIの導入方法や使い方、jQuery UIが提供する主要なコンポーネントについては、「jQuery UI逆引きリファレンス: jQuery UIを利用するには?」を参照してください。 DatePickerは、日付選択ボックスを実装するためのウィジェットです。テキストボックスにフォーカスを移動すると、カレンダーがポップアップし、選択した日付が元のテキストボックスに反映されます。 HTML5でも、<input type="date">要素で基的な日付選択ボックスを作成できますが、DatePickerウィジェットでは、後で述べるようにオプションを与えることで、挙動や見栄えをさまざまにカスタマイズできます。HTML5に対応していない

  • jQuery UI 日本語リファレンス

    jQuery UI とは、jQuery公式のユーザインターフェース(UI)用ライブラリのこと。カレンダー、タブ、アコーディオン、ダイアログ、エフェクト、並べ替え、表示切替、ドラッグ移動、ドロップ、サイズ変更、スライダーなど、多様な UI を簡単に導入できる。 jQuery UI 導入方法 Accordion / アコーディオン AddClass / クラス追加 Autocomplete / オートコンプリート Button / ボタン Datepicker / カレンダー Dialog / ダイアログ Draggable / ドラッグ移動 Droppable / ドロップ Effects / エフェクト Hide / 非表示 Menu / メニュー Position / 位置指定 Progressbar / プログレス・バー RemoveClass / クラス削除 Resizable /

  • jQuery UI vs Kendo UI

    Menu We've spent a lot of time talking to customers about Kendo UI, our framework for building rich web applications with modern web standards like HTML5, CSS3, and jQuery. Since its launch in November 2011, we've answered many questions on the Kendo UI Forums, Stack Overflow, Twitter and elsewhere. One of the most frequently asked questions involves comparing Kendo UI with jQuery UI and jQuery Mo

  • 1