jQuery MiniUI

 找回密码
 立即注册
查看: 1923|回复: 2
打印 上一主题 下一主题

OpenWindow Editor控件中窗口showAtEl()方法问题 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2014-3-11 14:14:52 |只看该作者 |倒序浏览
在使用OpenWindow Editor控件时,

弹窗跟随元素显示代码:

win.showAtEl(atEl, {
                    xAlign: 'left',
                    yAlign: 'below'
                });

但是,当下方空间有限,显示效果就不理想。希望可以使用另一种显示,代码为:

win.showAtEl(atEl, {
                    xAlign: 'left',
                    yAlign: 'above'
                });

可是应该如何判断呢?



Rank: 8Rank: 8

沙发
发表于 2014-3-11 14:45:10 |只看该作者
那要判断元素到屏幕下端的距离了,大概这样子
  1. function BtnClick(e){
  2.     var obj =e.sender;
  3.     var el = obj.getEl();
  4.     var top=$(el).offset().top;
  5.     var bottom=$(window).height()-top-$(el).height();
  6.     var height=win1.getHeight()
  7.     //alert(bottom)
  8.     if(bottom>height){
  9.         win1.showAtEl(el,{
  10.            xAlign:"left",
  11.            yAlign:"below"
  12.         })
  13.     }else{
  14.         win1.showAtEl(el,{
  15.            xAlign:"left",
  16.            yAlign:"above"
  17.         })
  18.     }
  19. }
复制代码

Rank: 3Rank: 3

板凳
发表于 2014-3-11 15:00:25 |只看该作者
felt 发表于 2014-3-11 14:45
那要判断元素到屏幕下端的距离了,大概这样子

谢谢您的回答,完美解决!

Archiver|普加软件

GMT+8, 2024-7-4 07:42 , Processed in 1.017637 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部