jQuery UI-Dialog

268801_2138894481721_6294899_n

之前用jQuery UI做了一個drag的視窗,可是後來在測的時候才發現問題,本來想自己把draggable改得更好一些,問了同事才發現有更好用的dialog,我以前把dialog想的太簡單了,以為他只是單純的彈出視窗,現在把他整進來後就變得更強了。

dialog強就強在他整合了draggable跟resizable,當然你也可以單純使用draggable或resizable,而如果想一起使用的話,dialog就是好選擇,使用方法也很簡單,引進外掛後,像這樣去做設定。
$("#dialog").dialog();
$("#draggable").draggable();
$("#resizable").resizable();

可以到這邊看效果

我把他整合起來,加上做一個選取跟切換視窗的動作,就是這次專案在玩的東西了。

留言