使用jquery easyui可以很容易的創建很炫的前臺頁面，最近在使用過程中發現dialog存在一個問題：
用戶將dialog拖出頁面后，dialog就不能拖下來了，除非要重新打開頁面，這個問題對于用戶體驗來說是非常重要的，
所以就開始研究easyu API看看有沒有相應的函數或者事件去處理，結果發現沒有現成，只好自己想了個辦法：
思路如下：
使用panel的onOpen事件，取得diglog的原始left和top
當用戶在拖動dialog過程中，使用panel的onMove事件取得dialog所在父頁面body的width和height，
通過計算，當用戶將diglog拖動出body時，使用panel的move函數將dialog移動到初始的位置。
經過測試次方法可行，代碼如下所示：
var default_left;var default_top;$('#details_dd').dialog({ title:'詳細信息', modal: true, onOpen:function(){ //dialog原始left default_left=$('#details_dd').panel('options').left; //dialog原始top default_top=$('#details_dd').panel('options').top; }, onMove:function(left,top){ //鼠標拖動時事件 var body_width=document.body.offsetWidth;//body的寬度 var body_height=document.body.offsetHeight;//body的高度 var dd_width= $('#details_dd').panel('options').width;//dialog的寬度 var dd_height= $('#details_dd').panel('options').height;//dialog的高度 if(left<1||left>(body_width-dd_width)||top<1||top>(body_height-dd_height)){ $('#details_dd').dialog('move',{ left:default_left, top:default_top }); }}});有些問題就需要大家一起討論研究才會有所收獲，本文分享的jQuery EasyUI Dialog拖不下來的解決辦法，希望可以對大家的學習有所幫助，幫助大家順利解決jQuery EasyUI Dialog拖不下來的問題。
新聞熱點
疑難解答
