jqery对话dialog怎么设置不能拖动

【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();
}
});


jqery对话dialog怎么设置不能拖动

文章插图

2第二种:可以把这个父容器弄当作iframe , 这样他就必定出不去了!

jqery对话dialog怎么设置不能拖动

文章插图

3第三种:利用panel的onOpen事务 , 取得diglog的原始left和top当用户在拖动dialog过程中 , 利用panel的onMove事务取得dialog地点父页面body的width和height , 经由过程计较 , 当用户将diglog拖动出body时 , 利用panel的move函数将dialog移动到初始的位置 。



jqery对话dialog怎么设置不能拖动

文章插图

4第四种:因为dialog担当了window事务,window事务担当了panel事务 。 用panel事务 , onMove即可完当作静止拖动dialog , 而且移动鼠标icon也会消逝 。 (这方式在ie9、火狐、谷歌正常运行 , 但在ie6会异常封闭的) , 这时应该改为:onMove:function(){$(this).draggable('disabled',true);}

jqery对话dialog怎么设置不能拖动

文章插图

5第五种:设置对话框的按钮 , 使其在左侧或者右侧或者无按钮 。 这个选项页可以在HTML中添加 data-close-btn 属性来设置 。

jqery对话dialog怎么设置不能拖动

文章插图

6第六种:这要看你所用的jquery插件怎么实现的了 , 很可能这个插件就不撑持同时呈现多窗口这种用法

jqery对话dialog怎么设置不能拖动

文章插图

7但愿对你有帮忙 。


jqery对话dialog怎么设置不能拖动

文章插图


以上内容就是jqery对话dialog怎么设置不能拖动的内容啦 , 希望对你有所帮助哦!

    推荐阅读