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

2025-11-04 01:21:01

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怎么设置不能拖动

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢