数码资讯
jQueryEasyUI对话框不能拖累如何解决
jQuery EasyUI的使用可以很容易地创建一个非常耀眼的头版,最近发现在对话框的使用问题: 用户在页面中拖动对话框后,对话框不能被拖动。除非有必要重新打开页面,这个问题对于用户体验非常重要。 所以我们开始研究easyu API是否有相应的功能或事件来处理,结果被发现是没有现成的,所以我得想个办
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
jQuery EasyUI的使用可以很容易地创建一个非常耀眼的头版,最近发现在对话框的使用问题:
用户在页面中拖动对话框后,对话框不能被拖动。除非有必要重新打开页面,这个问题对于用户体验非常重要。
所以我们开始研究easyu API是否有相应的功能或事件来处理,结果被发现是没有现成的,所以我得想个办法:
以下观点如下:
使用面板的OnOpen事件得到最初的左侧和顶部的主题
当用户拖动对话框过程,面板ONMOVE事件用于从对话框的父页面的父页面获得的宽度和高度,体。
通过计算,当用户把主题从身体,面板的移动功能是用来移动对话框的初始位置。
测试方法是可行的,代码如下所示:
无功default_left;
无功default_top;
$(# details_dd对话框({)。
标题:'detailed信息,
情态动词:真的,
OnOpen:函数(){
左原创对话框
default_left = $(# details_dd)。面板(选项)。左;
对话框顶部
default_top = $(# details_dd)。面板(选项)。顶;
},
OnMove:功能(左上){ / /鼠标拖动事件
无功body_width = document.body.offsetwidth; / /体的宽度
无功body_height = document.body.offsetheight; / /身高
dd_width = $(var的# details_dd)。面板(选项)。宽度; / /对话框宽度
dd_height = $(var的# details_dd)。面板(选项)。高度; / /对话的高度
如果(左(body_width-dd_width)| |顶(body_height-dd_height)){
$(# details_dd)。对话框('move,{
左:default_left,
上图:default_top
});
}
}
});
有些问题需要一起讨论,以便我们从研究中得到一些结果。这个jQuery EasyUI对话框不能拖累的解决方案可以帮助大家的学习,帮助你解决jQuery EasyUI对话框的问题。
用户在页面中拖动对话框后,对话框不能被拖动。除非有必要重新打开页面,这个问题对于用户体验非常重要。
所以我们开始研究easyu API是否有相应的功能或事件来处理,结果被发现是没有现成的,所以我得想个办法:
以下观点如下:
使用面板的OnOpen事件得到最初的左侧和顶部的主题
当用户拖动对话框过程,面板ONMOVE事件用于从对话框的父页面的父页面获得的宽度和高度,体。
通过计算,当用户把主题从身体,面板的移动功能是用来移动对话框的初始位置。
测试方法是可行的,代码如下所示:
无功default_left;
无功default_top;
$(# details_dd对话框({)。
标题:'detailed信息,
情态动词:真的,
OnOpen:函数(){
左原创对话框
default_left = $(# details_dd)。面板(选项)。左;
对话框顶部
default_top = $(# details_dd)。面板(选项)。顶;
},
OnMove:功能(左上){ / /鼠标拖动事件
无功body_width = document.body.offsetwidth; / /体的宽度
无功body_height = document.body.offsetheight; / /身高
dd_width = $(var的# details_dd)。面板(选项)。宽度; / /对话框宽度
dd_height = $(var的# details_dd)。面板(选项)。高度; / /对话的高度
如果(左(body_width-dd_width)| |顶(body_height-dd_height)){
$(# details_dd)。对话框('move,{
左:default_left,
上图:default_top
});
}
}
});
有些问题需要一起讨论,以便我们从研究中得到一些结果。这个jQuery EasyUI对话框不能拖累的解决方案可以帮助大家的学习,帮助你解决jQuery EasyUI对话框的问题。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。