jqery对话dialog怎么设置不能拖动
电脑
方式/步调
- 1
第一种：Java代码：
self.uiDialog.draggable({
cancel: '.ui-dialog-content, .ui-dialog-titlebar-close',
handle: '.ui-dialog-titlebar',
containment: 'document',
start: function(event, ui) {
if(window.navigator.userAgent.indexOf("MSIE")<1) //2012-4-23 mod
{
heightBeforeDrag = options.height === "auto" ? "auto" : $(this).height();
$(this).height($(this).height()).addClass("ui-dialog-dragging");
}
self._trigger('dragStart', event, filteredUi(ui));
},
drag: function(event, ui) {
self._trigger('drag', event, filteredUi(ui));
},
stop: function(event, ui) {
options.position = [ui.position.left - doc.scrollLeft(),
ui.position.top - doc.scrollTop()];
if(window.navigator.userAgent.indexOf("MSIE")<1) //2012-4-23 mod
{
$(this).removeClass("ui-dialog-dragging").height(heightBeforeDrag);
}
self._trigger('dragStop', event, filteredUi(ui));
$.ui.dialog.overlay.resize();
}
});
- 2
第二种：可以把这个父容器弄当作iframe，这样他就必定出不去了！
- 3
第三种：利用panel的onOpen事务，取得diglog的原始left和top当用户在拖动dialog过程中，利用panel的onMove事务取得dialog地点父页面body的width和height，经由过程计较，当用户将diglog拖动出body时，利用panel的move函数将dialog移动到初始的位置。
- 4
第四种：因为dialog担当了window事务,window事务担当了panel事务。用panel事务，onMove即可完当作静止拖动dialog，而且移动鼠标icon也会消逝。(这方式在ie9、火狐、谷歌正常运行，但在ie6会异常封闭的），这时应该改为：onMove:function(){$(this).draggable('disabled',true);}
- 5
第五种：设置对话框的按钮，使其在左侧或者右侧或者无按钮。这个选项页可以在HTML中添加 data-close-btn 属性来设置。
- 6
第六种：这要看你所用的jquery插件怎么实现的了，很可能这个插件就不撑持同时呈现多窗口这种用法
- 7
但愿对你有帮忙。
- 发表于 2019-08-13 22:27
- 阅读 ( 739 )
- 分类：其他类型
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章