欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery EasyUI Dialog拖不下來(lái)如何解決

 更新時(shí)間：2015年09月28日 17:22:06   投稿：lijiao  
這篇文章主要介紹了jQuery EasyUI Dialog拖不下來(lái)到底如何解決，遇到這類問(wèn)題的，或者是感興趣的小朋友可以參考一下

使用jquery easyui可以很容易的創(chuàng)建很炫的前臺(tái)頁(yè)面，最近在使用過(guò)程中發(fā)現(xiàn)dialog存在一個(gè)問(wèn)題：

 用戶將dialog拖出頁(yè)面后，dialog就不能拖下來(lái)了，除非要重新打開(kāi)頁(yè)面，這個(gè)問(wèn)題對(duì)于用戶體驗(yàn)來(lái)說(shuō)是非常重要的，

所以就開(kāi)始研究easyu API看看有沒(méi)有相應(yīng)的函數(shù)或者事件去處理，結(jié)果發(fā)現(xiàn)沒(méi)有現(xiàn)成，只好自己想了個(gè)辦法：

思路如下：

          使用panel的onOpen事件，取得diglog的原始left和top

          當(dāng)用戶在拖動(dòng)dialog過(guò)程中，使用panel的onMove事件取得dialog所在父頁(yè)面body的width和height，

通過(guò)計(jì)算，當(dāng)用戶將diglog拖動(dòng)出body時(shí)，使用panel的move函數(shù)將dialog移動(dòng)到初始的位置。

經(jīng)過(guò)測(cè)試次方法可行，代碼如下所示：

var default_left;
var default_top;
$('#details_dd').dialog({
  title:'詳細(xì)信息',
  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){ //鼠標(biāo)拖動(dòng)時(shí)事件
   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  
   }); 
    }
}
});

有些問(wèn)題就需要大家一起討論研究才會(huì)有所收獲，本文分享的jQuery EasyUI Dialog拖不下來(lái)的解決辦法，希望可以對(duì)大家的學(xué)習(xí)有所幫助，幫助大家順利解決jQuery EasyUI Dialog拖不下來(lái)的問(wèn)題。

相關(guān)文章

最新評(píng)論