依存ファイル jquery.ui.core.js jquery.ui.widget.js jquery.ui.mouse.js jquery.ui.sortable.js 引数 optionsオプション 関数 String: "destroy"、 "disable"、"enable"、"option"、"widget"、"serialize"、"toArray"、"refresh"、"refreshPositions"、"cancel" のいずれか。 値書式説明
jQuery Sortablesでドラッグ&ソータブル(2ページ目)今回は、リストの順序をドラッグドロップで変更できるソータブルをjQuery UI の Sortablesで試します。順序についての入力インターフェイスなどで便利に使えます。 サンプル ソータブルの簡単なサンプルを試してみます。いくつかのアイテムをドラッグして順序を変更すると、それを記録して出力します。 このデータをAjaxなどで、サーバーやクッキーへ記録することで、たとえば、順序に関する設定などの入力を、視覚的に実行することができるようになります。 Sortablesも、引数のオプションでいろいろ設定できますので、最新のものはOptionsや UI/Sortablesあるいは、 デモ などでご参照ください。 アイテム 1 アイテム 2 アイテム 3 アイテム 4 ソースは次のとおり <style type="text/cs
WEBで表示順の入れ替え機能って作るのも、使うのも面倒なんだよね。上下に移動するボタン作ったり、表示順を数値で入力したり。 で、最近そんな機能を作成する必要が出てきまして。いろいろ考えて、そういえばWordPressのウィジェット(右側の最近の投稿やコメントがドラッグアンドドロップで入れ替え可能)って便利だよね、そんな風にできないかな、と思って調べてみたら出来たのでメモ。 とりあえず、何かしらライブラリを使えばできるだろう、と思って調べてみた。やっぱりこういうときはJQuery と YUI に当たることが多いね。 YUI Library Examples: Drag & Drop: Reordering a List Sortable Demos (jQuery UI - Functional demos) ちなみに、WordPressもJQueryっぽい。Sortableを使ってるかど
今回使用する「Dialog」「Draggables」「Droppables」「Sortables」に必要なファイルは以下の通りです。 themes/ jquery-1.2.3.min.js jquery.dimensions.js ui.mouse.js ui.resizable.js ui.dialog.js ui.draggable.js ui.draggable.ext.js ui.droppable.js ui.droppable.ext.js ui.sortable.ext.js ui.sortable.js jQuery UI 1.5bを使うために、今回は同梱されているjQuery 1.2.3を使うことにします。バージョンが上がりますが、これまでのサンプルの動作に影響はありません。 ライブラリの設定 ライブラリの各ファイルを、head要素の子要素に以下のように指定します(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く