【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但愿对你有帮忙 。
文章插图
以上内容就是jqery对话dialog怎么设置不能拖动的内容啦 , 希望对你有所帮助哦!
推荐阅读
- 怎样结束和自己讨厌的人对话
- 茶文化对话——贾教授访谈录,半山腰名茶
- 对话框简笔画 对话框简笔画怎么画
- win10如何设置不显示回收站删除提示对话框
- 与史前文明的对话
- 海峡两岸学者齐聚古寺灵隐 对话“禅、茶、乐”,花茶的功效
- 对话华夏财富江卉:尽早做好养老投资理财规划
- 喝花草茶完成一次美的对话
- 有道翻译官怎么使用语音对话翻译
- 如何在线制作2019最新版搞笑微信对话截图