`
wkf41068
  • 浏览: 458298 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Jquery dialog 拖动 按钮失效

 
阅读更多

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




另附提高Jquery 性能的参考WebSite:
http://www.gbin1.com/technology/jquery/20120222jqueryxingneng/index.html
分享到:
评论

相关推荐

    jquery ui Dialog 添加最大最小化按钮控制

    "jquery ui Dialog 添加最大最小化按钮控制"的主题涉及如何扩展jQuery UI Dialog的功能,使其具备最大化和最小化的操作,这对于创建更灵活且类似于桌面应用的网页交互体验至关重要。 jQuery UI Dialog组件默认情况...

    仿 JQuery Dialog 简洁登录页面

    【标题】"仿 JQuery Dialog 简洁登录页面"是一个基于JQuery Dialog组件设计的简单登录界面,旨在提供用户友好的交互体验。JQuery Dialog是jQuery UI库中的一个功能,它允许开发者创建可自定义的弹出对话框,用于显示...

    jquery dialog简单实现插件

    jQuery Dialog还支持自动调整大小、拖动、自动定位等功能。例如,设置为自动调整大小: ```javascript $("#dialog").dialog({ autoResize: true }); ``` 总结,jQuery Dialog 是一个强大且灵活的工具,能够...

    jquery_dialog jquery_dialog jquery_dialog

    2. 配置选项:jQuery Dialog支持多种配置选项,如宽度、高度、是否可拖动、是否自动打开等。例如,设置对话框宽度为300像素且不可拖动: ```javascript $("#dialog").dialog({ width: 300, draggable: false }); `...

    jQuery Dialog 弹出层对话框插件(可加载url地址)

    **jQuery Dialog弹出层对话框插件:深入解析与应用** jQuery Dialog是jQuery UI库中的一个组件,它提供了一种优雅的方式在网页上创建交互式的弹出层对话框。这个插件不仅允许用户展示信息,还可以加载外部URL内容,...

    jQueryDialog 插件使用范例

    jQueryDialog是一款广泛应用于网页中的对话框插件,它基于JavaScript库jQuery构建,为开发者提供了创建弹出式对话框的功能,可以用于显示警告、确认、信息或其他复杂内容。在这个使用范例中,我们可以看到几个关键...

    jQuery dialog对话框插件点击弹出对话框代码

    jQuery dialog还提供了一系列事件,允许你在特定时刻执行代码,如打开、关闭、创建或拖动对话框时: - **open**:对话框打开时触发。 - **close**:对话框关闭时触发。 - **create**:对话框创建时触发。 - **...

    jquery dialog弹出层

    Dialog的配置项非常丰富,包括但不限于宽度、高度、是否可拖动、是否可调整大小、是否模态、关闭按钮等。此外,还可以自定义对话框的内容,设置打开和关闭时的回调函数,以及通过CSS调整其样式。 总之,“jQuery ...

    JQuery Dialog

    - **拖动与缩放**:Dialog支持拖动和缩放功能,这些可以通过`draggable`和`resizable`选项开启或关闭。 ### 4. 事件处理 - **生命周期事件**:Dialog提供了一系列事件,如`open`、`close`、`beforeClose`等,可以...

    JQuery dialog

    - **选项**:除了上述提到的 `autoOpen`, `width`, `height` 和 `modal` 之外,还有 `draggable`, `resizable`, `title` 等,可定制 Dialog 的拖动、缩放和标题属性。 - **方法**:除了 `open` 和 `close`,还有 `...

    jqueryDialog

    在IT领域,jQuery Dialog是一种广泛使用的插件,它允许开发者创建弹出对话框,用于提示、警告、确认或提供交互式表单等。这个特定的知识点聚焦于如何将原本的jQuery Dialog功能转换成类似JavaScript内置的`alert`、`...

    jQuery Dialog

    jQuery Dialog jQuery DialogjQuery DialogjQuery DialogjQuery DialogjQuery DialogjQuery Dialog

    jquery dialog 用法

    jQuery Dialog是jQuery UI库中的一个核心组件,它提供了一种优雅的方式来创建模态或非模态对话框。对话框在Web应用中广泛用于显示警告、确认消息、详细信息或者进行表单输入等交互操作。本篇文章将深入探讨jQuery ...

    jquery Dialog 弹出框 很漂亮 实用

    4. **拖动和大小调整**:Dialog 可配置为可拖动和/或可调整大小,以提高用户体验。通过设置 `draggable` 和 `resizable` 参数即可实现。 5. **事件处理**:提供了丰富的事件接口,如 `open`、`close`、`dragstart`...

    18、jQuery弹出对话框jQuery插件Dialog

    关于Dialog的更多高级功能,包括拖动、自动调整大小、嵌入其他HTML内容等,都可以通过查阅jQuery UI官方文档来了解。在实际应用中,Dialog常与Ajax结合使用,动态加载内容或者进行异步操作,提供更加动态和交互的...

    jQuery对话框Dialog弹出层插件演示与使用说明

    jQuery Dialog 是一个强大的弹出层插件,常用于创建各种对话框、提示窗口或模态框,极大地丰富了网页的交互体验。这个插件是基于 jQuery 库构建的,因此在使用前确保已经引入了 jQuery。下面将详细介绍如何使用 ...

    jQuery.dialog.js网页弹出对话框美化特效插件

    《jQuery.dialog.js:网页弹出对话框的美化与特效实现》 在网页设计中,对话框(dialog)是一种常见的交互元素,用于展示重要的信息或进行用户操作确认。jQuery.dialog.js是一个专为网页开发者设计的轻量级插件,...

    jQuery通用dialog对话框 popup提示信息窗口插件demo

    **jQuery通用Dialog对话框与Popup提示信息窗口插件** 在前端开发中,用户交互界面的友好性和用户体验至关重要。jQuery提供了一种便捷的方式来实现这一目标,那就是通过Dialog对话框和Popup提示信息窗口。本文将深入...

    jQuery插件 dialog

    在实际应用中,jQuery 插件 dialog 可以通过自定义 CSS 样式调整外观,或者与其他 jQuery UI 组件结合使用,实现更复杂的功能,如嵌入表单、添加按钮等。同时,`jquery-ui-1.7.2.custom-dialog` 文件可能包含了一个...

    jquery dialog css3弹出对话框插件实例

    在网页开发中,jQuery ...这包括标题、宽度、高度、按钮、内容以及是否可拖动和调整大小等特性。 首先,要使用jQuery Dialog,你需要引入jQuery库和jQuery UI库。在HTML文件中,添加以下链接来引用这些库: ```html ...

Global site tag (gtag.js) - Google Analytics