修改Jquery Dialog 位置的實現(xiàn)方法
更新時間：2016年08月26日 09:18:32 投稿：jingxian
下面小編就為大家?guī)硪黄薷腏query Dialog 位置的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
今天在做一個功能的時候使用到了Jquery UI中的dialog組件，因為是一個很簡單的組件，有很多功能都沒有提供，比如說直接獲取到dialog的位置，直接修改dialog的位置都是不行的，并且但可拖動的位置看不見的時候，這個時候就是坑了，關閉不了，也拖動不了，這個時候只能刷新頁面來重新初始化界面了。
我今天解決的就是這個問題：解決這種問題有兩種方式(個人認為)
1、修改屬性讓可拖動局域可見，進行拖動
2、不讓出現(xiàn)可拖動區(qū)域不可見的情況。
針對第一種情況，我沒有想到合適的辦法。下面給出第二種情況的解決辦法，原理就是判斷當前dialog的位置，如果拖動位置的可能出現(xiàn)不可見的情況，這個時候修改dialog的位置，dialog有個方法是監(jiān)聽dialog拖動的，我的實現(xiàn)方式就是放在這個方法內的，
代碼如下：
/**
* 添加拖拽監(jiān)聽 當UI的位置跑出屏幕外的時候 進行更新
* @param {Object} event
* @param {Object} ui
*/
drag : function(event,ui)
{
var posX = ui.position.left;
var posY = ui.position.top;
if (posX < 5)
{
posX = 5;
}
if (posY < 5)
{
posY = 5;
}
ui.position.left = posX;
ui.position.top = posY;
}
這是一段很簡單的代碼，沒有什么可以說的地方，主要是使用ui的一些屬性。
以上這篇修改Jquery Dialog 位置的實現(xiàn)方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了jQuery中$原理,結合實例形式分析了jQuery中$的原理與運行機制,并具體分析了jQuery對象構造的具體原理,需要的朋友可以參考下2018-08-08
jQuery dialog 異步調用ashx,webservice數(shù)據的代碼
點擊按鈕，在彈出的jQuery.dialog中，顯示異步返回的數(shù)據。WebService可以寫復雜的函數(shù)，ashx可以根據傳過來的參數(shù)調用不同的方法，達到同樣的效果。2010-08-08
這篇文章主要介紹了jQuery預加載圖片常用方法,以兩個簡單實例分析了jQuery預加載圖片的實現(xiàn)技巧,需要的朋友可以參考下2015-06-06
jQuery獲取select選中的option的value值實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query獲取select選中的option的value值實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
最近開發(fā)了一個項目，其中有功能要用戶點擊下拉框可以實現(xiàn)多選的效果，下文給大家分享實現(xiàn)核心代碼和combobox的取值與賦值的代碼，對easyui組合框相關知識感興趣的朋友一起看看吧2016-10-10
ui組件之input多選下拉實現(xiàn)方法（帶有搜索功能）
這篇文章主要介紹了ui組件之input多選下拉實現(xiàn)方法（帶有搜索功能）的相關資料,需要的朋友可以參考下2016-07-07
jQuery插件Zclip實現(xiàn)完美兼容個瀏覽器點擊復制內容到剪貼板
本文將結合實例講解如何使用一款基于jQuery的插件——Zclip來實現(xiàn)復制內容到剪貼板的功能。其實IE上有個方法可以實現(xiàn)點擊復制，但是由于只是IE獨有，所以我們不提倡。而Zclip是利用一個隱藏的flash文件來完成復制的功能，關鍵是它兼容當前各主流瀏覽器。2015-04-04
取得iframe中元素的方法有很多，在本文為大家介紹下在iframe子頁面獲取父頁面元素的方法，下面有個不錯的示例，感興趣的朋友可以參考下2013-11-11
jQuery 遍歷-nextUntil()方法以及prevUntil()方法的使用介紹
本篇文章介紹了，jQuery 遍歷-nextUntil()方法以及prevUntil()方法的使用。需要的朋友參考下2013-04-04
ASP.NET中使用后端代碼注冊腳本 生成JQUERY-EASYUI的界面錯位的解決方法
上一篇解決了用了JQUERY-EASYUI時 后端注冊腳本重復執(zhí)行的問題．今天又發(fā)現(xiàn)，通過后端代碼 生成的界面有錯位現(xiàn)象．2010-06-06