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-23mod{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-23mod{$(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、希望对你有帮助。