Drag and Sort

JQueryの公式サイトはUIに関していろんなpluginも提供する。 たどえばマウスについてのエフェクト：Drag, Drop, Sortなど。 書類のサイトはこちら　http://docs.jquery.com/UI ダウンロードはこちら　http://ui.jquery.com/download ダウンロードのサイトはとてもやさしくて　いろんな功能に関して人々のほうしいものによって ライブラリを添ってダウンロードすることができる。 ここで　sortableを紹介するわ～ <script>
$(document).ready(function(){
$('#imgList').sortable({stop: idrop, cursor: 'move'});
});
</script>
.
.
<ul id="myList">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
このsortableライブラリのいいところは　serializeすることも用意してくれる。 <script>
function serialize(){
alert($('#imgList').sortable('serialize'));
}
</script> <script>
function idrop(){
var str = '';
var result = $('#imgList').sortable('toArray');
for(var i in result){
str += result[i];
if( i < result.length-1 ) str += ',';
}
document.getElementById('sorted').value = str;
//alert(str);
}
</script> 最後に物件をdragしたりdropしたりした後、stopのpropertyを指定すれば、順番はどうやって変わられたのは分かる。 $('#imgList').sortable({stop: idrop, cursor: 'move'}); こういうpluginはすばらしいと思う、プログラマーにとって使いやすいよ～