JQuery UI - event 回傳參數 ui 結構

記得前陣子不知聽誰說的
說亞洲人都不看說明書
拿到東西就亂試
外國人就會好好的研究使用說明書
再來看怎麼用

最近用jquery ui也是
都已經用2年了 頂多看範例
也不會去看Overview什麼的
反正google很方便

在用jquery ui時 每當有event(ex. draggable的start, drag, stop)
都會回傳function(event,ui)參數(官網固定的回傳值)
反正也沒有要用到，找到符合的event就用了 也沒去看callback參數
即使是想知道目前dragging的item是哪個 也是靠其他方法解決 (其實是不知道ui結構)
當然回傳的ui一定是必要的資訊，但看不出來回傳的ui結構是啥 也沒辦法用
看著官網說明文字範例 每個event都是回傳function(event,ui)
但就是沒說明ui是啥米... 真是氣死

這次用sortable又遇到這問題
想要找到目前被搬動的item，但ui結構不知道
下定決心要用callback的parameters找出目前的item (其實是用其他方法解決不了，逼不得已)
勉強把ui的架構印出來，第一層還好，只有5,6個
看到sender就很開心，但沒想到是null...
只好印其他為object型態的value
一印真是不得了，又臭又長... 都不想看了...

最後還是google找到一篇說明sotrable的ui回傳結構
一看才發現，我咧~~
原來官網上面每個ui的overview就寫的清清楚楚該ui回傳結構 …羞

看到ui.item的說明，就可以知道想要的東西就是這個啦
$(ui.item).attr("id"); //取得id, 其他的就以此類推
以後要先讀好說明手冊 (我自己都不相信我會讀...)

p.s.至於sender為何是null,圖有文字被截掉了，總之官網上寫only exists if you move from one connected list to another,所以囉...

Reference
JQuery UI - sortable