jquery sortable ตัวอย่างการสลับตำแหน่งของ element ต่างๆ

.join() คือการแปลง array ให้มาเป็น string ก้อนเดียว
.data() คือการเก็บข้อมูลไว้กับ element เพิ่มเติมคลิก

See the Pen pGxle by pongsawat pasom (@fogza) on CodePen

จากตัวอย่างด้านบน สรุปการทำงานคร่าวๆ ลวกๆ ประมาณนี้

1. ทำการเก็บค่า id จาก attribute ที่ชื่อ title พร้อมกับเคลียร์ค่าออก
   li.data('id',li.attr('title')).attr('title','');
2. ประกาศใช้งาน sortable ส่วน update: function(){..} คือ เมื่อ event stop จะมีการเข้ามาทำงานที่ส่วนนี้ เช่น เราลาก element นึง ไปวางอีกที่นึง เมื่อวางเสร็จก็จะเข้ามาทำงานที่ส่วนนี้นั่นเอง

ส่วนฟังก์ชัน fnSubmit() จะมีการดึงข้อมูลจาก .data('id') เข้าไปไว้ที่ตัวแปร sortOrder  และนำข้อมูลนี้ ไปใส่ใน selector #sort_order ด้วย

ส่วนฟังก์ชัน request() จะเป็นการส่งข้อมูลให้ทางฝั่ง server ได้อัพเดทข้อมูลลง database อีกที 

อ่านข้อมูลเพิ่มเติม

อธิบายตกหล่นไปก็ช่วยเสริมๆ กันหน่อยเด้ออ