[JQuery] easyui 同 jquery ui 衝突 (autocomplete和draggable,droppable共用問題)

我在使用 JQuery 的 autocomplete, drag and drop 功能時, 發現當引入了 easyui 同 jquery ui library 時會令到彼此之間的功能無法使用,  原因是兩者都是基於jQuery編寫的, 部分方法同參數名會有重複。

網上有很多解說都說要把easyui內的draggable和droppable改名, 此舉對於很多人說可能相當麻煩和難明, 所以, 我發現有以下方便的做法:


1. 照引入easyui library  
  <script src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>   

2. 到下列網址下載custom的 jquery ui library
但切記不要勾選 Interactions(Draggable,Droppable,Resizable,Selectable,Sortable)

否則以上方法和參數會與easyui library發生沖突

http://jqueryui.com/download/#!version=1.11.4&components=1111000001111011111111111111111111111

3. 解壓檔案, 並只抽取 jquery-ui.min.js 使用


4. 引入 custom jquery ui library
<script src="js/jquery-ui.min.js"></script>

完成:)