jquery easyui防止超出浏览器边界
2024-09-23 03:13:09
var easyuiPanelOnMove=function(left,top){ if(left<0){
$(this).window('move',{
left:1
});
}
if(top<0){
$(this).window('move',{
top:1
});
}
} $.fn.panel.defaults.onMove = easyuiPanelOnMove;
$.fn.window.defaults.onMove=easyuiPanelOnMove;
$.fn.dialog.defaults.onMove=easyuiPanelOnMove;
方式一:防止easyui的panel,window,dialog框超出浏览器,如上
方式二:
控制dialog超出浏览器回到原来的地方
//控制dialog超出浏览器回到原来的地方
var default_left;
var default_top;
function onopen(){
default_left=$('#wow-goods-add').panel('options').left;
default_top=$('#wow-goods-add').panel('options').top;
} function onmove(left,top){
var body_width=document.body.offsetWidth;//body的宽度
var body_height=document.body.offsetHeight;//body的高度
var dd_width= $('#wow-goods-add').panel('options').width;//dialog的宽度
var dd_height= $('#wow-goods-add').panel('options').height;//dialog的高度
if(left<1||left>(body_width-dd_width)||top<1||top>(body_height-dd_height)){
$('#wow-goods-add').dialog('move',{
left:default_left,
top:default_top ,
});
}
}
最新文章
- Servlet3.0的可插拔功能
- 安卓初級教程(4):sqlite建立資料庫
- Enum简单例子DropdownList
- Nutch主要类代码分析之一(Injector)
- Atitit Atitit 图像处理之&#160;&#160;Oilpaint油画滤镜 水彩画 源码实现
- [转]webApi 参数传递总结
- OC之160728
- 解决discuz论坛搬家:“Table ‘common_syscache’ is read only”问题
- xml之XSLT
- Windows Server2008+IIS7部署网站的日期格式问题
- JS获取TextArea和Input的同步值
- linux一句话问答(网络无关篇+网络相关篇+程序开发篇+经典图书)
- 浏览器兼容性--IE11以及Edge等下载文件的中文名出现乱码,前后端解决方案
- SET与SPLIT
- 【干货】Chrome插件(扩展)开发全攻略
- Angular、React.js 和Node.js到底选谁?
- 黏包:传输过程中 read(不可靠)传输时由于网络造成黏包
- exec函数族的使用
- LeetCode 7最长公共前缀
- 记unit of work与事务提交