jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
今回のサンプルの基本的な情報 ここまででDraggables、Droppables、Selectablesの基本的な使い方が分かったと思いますので、いよいよここからは、応用編のサンプル解説をしていきます。もう一度サンプルを見てみましょう。 ■ サンプルの基本設計 このサンプルの基本設計は次のようになります。 ディレクトリが2つあり、それぞれを親要素とするファイルが3つずつぶら下がる ディレクトリをselectable()にする ファイルをdraggable()にする ただし、初期状態は'disable'にしておき、ファイルが選択されたときに'enable'にする ディレクトリをdroppable()にする ファイルがディレクトリにドロップされたら、そのファイルが、そのドロップされたディレクトリの子要素になるようにDOMの操作を行う ■ 複数要素のドラッグ ここで1つ難しいのは、複数ファイル
HTML5 × CSS3 × jQueryを真面目に勉強 – #14 jQuery UI Widget(プラグイン)の作り方について詳しく | DevelopersIO
そんな訳で、jQuery UI プラグイン(※以下、jQuery UI Widget) の作り方について学んだので、ここに書き記しておくとします。忘れっぽい自分のための備忘録として書いた内容なので、割りと基礎的な部分にフォーカスした入門編のような内容になっています。 ウィジェット作成のための前準備 当然ですが jQuery UI のプラグインなのだから、作成には jQuery エンジンだけでなくjQuery UI ライブラリが必要となります。 手順A | CDN で手軽にロードする 学習目的やちょっとしたテクニカル調査といった場合は、わざわざファイルをダウンロードするのも大げさなので、CDN (コンテンツ・デリバリ・ネットワーク)を利用させてもらうのが妥当です。 jQuery UI オフィシャルページのフッター部分に必要なURLがすべて記載されているので、これらをアナタが作成する HTML
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Draggable - jQuery UI API 1.8.4 日本語リファレンス - StackTrace
