`

jquery ui dialog 遮拦 select的解决方法

 
阅读更多
<script type="text/javascript" src="/js/jquery.bgiframe.min.js"></script>

  1.     引用以上JS代码。  注意:jquery 与 jquery.bgiframe插件的对应版本

 

  2.     JS代码 加入红色部分

         

	$("#dialog-editor").dialog({
					bgiframe : true,
					autoOpen : false,
					width : 680,
					height : 600,
					modal : true,
					position:[50,100],		
					buttons : {
						"确认" : function() {
							var ret = __getEditorContent();
							$(_clickedInput).parent("p").next().text(ret);  //编辑器内容回写到textarea中
							$(this).dialog("close");
						},
						"取消" : function() {$(this).dialog("close");}
					},
					close: function() {
					}
				});
				$("#dialog-editor").dialog("open");

 

 

  

分享到:
评论
1 楼 zhangyaochun 2011-09-30  
呵呵  lz这个只是针对ie6下select遮盖的bug

相关推荐

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

    在IT领域,jQuery UI是一个非常流行的前端开发库,它提供了许多可交互的用户界面组件,如Dialog(对话框)就是其中之一。"jquery ui Dialog 添加最大最小化按钮控制"的主题涉及如何扩展jQuery UI Dialog的功能,使其...

    jquery ui dialog 扩展

    《jQuery UI Dialog扩展详解》 在前端开发中,jQuery UI Dialog是一个非常实用的组件,它提供了弹出对话框的功能,可以用于警告、确认、信息提示等场景。这篇内容将深入探讨jQuery UI Dialog的扩展,包括如何自定义...

    JQuery UI Dialog

    JQuery UI Dialog 是一个功能强大且灵活的对话框组件,它提供了许多有用的属性和方法来帮助开发者快速创建自定义的对话框。在本文中,我们将详细介绍 JQuery UI Dialog 的一些重要属性和方法,并提供实践中常见的...

    JQuery UI Dialog使用样例

    使用 jQuery 的 `.dialog()` 方法初始化 Dialog。你可以设置各种选项,如宽度、高度、是否模态、关闭按钮等。 ```javascript $(function() { $("#dialog").dialog({ autoOpen: false, // 默认不自动打开 ...

    jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js

    jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js

    jquery ui中的dialog

    **jQuery UI中的Dialog组件** jQuery UI是一个功能丰富的JavaScript库,它提供了许多用户界面元素,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)等。在这些元素中,Dialog是创建弹出式窗口或模拟...

    Jquery UI dialog 详解 (弹出层)

    本文档详细介绍了 Jquery UI Dialog 的主要属性及其使用方法。通过这些属性,开发者可以根据具体需求灵活地配置对话框的行为和外观。例如,`autoOpen` 属性可以控制对话框是否自动打开,而 `buttons` 属性则允许...

    jqueryUI_dialog实例

    本文将深入探讨“jqueryUI_dialog实例”,这是一个关于如何使用jQuery UI库创建对话框(Dialog)功能的实践案例。 jQuery UI的Dialog组件是网页应用中常见的一种交互元素,用于显示模态或非模态窗口,例如警告、...

    jquery-ui-dialog-demo

    jQuery UI 的设计目标是与 jQuery 核心库无缝集成,为开发者提供了一套完整的前端解决方案。 **Dialog组件** Dialog 是 jQuery UI 的一个重要组成部分,它可以将任何 HTML 元素转换为具有可定制样式和行为的模态或...

    jQuery UI dialog 的使用

    本知识点专注于jQuery UI的dialog组件的使用方法。 首先,要使用jQuery UI的dialog组件,必须确保已经正确引入了jQuery库以及jQuery UI库。根据提供的内容,我们了解到引入jQuery库的方式是通过在HTML文档的部分...

    jquery_dialog jquery_dialog jquery_dialog

    《jQuery Dialog 深度解析与实践应用》 在Web开发领域,jQuery Dialog是一款非常流行的JavaScript库,用于创建可交互的对话框。它基于jQuery框架,提供了丰富的功能和灵活的定制选项,使得开发者能够轻松地在网页上...

    jQuery UI Frame Dialog官方修正版(官方1.1.2版本上面有问题)

    jQuery UI Frame Dialog是一款基于jQuery UI库的对话框插件,用于在网页中创建具有框架效果的弹出对话框。在官方1.1.2版本中,存在一个CSS加载问题,导致对话框的样式可能无法正常显示,影响了用户体验。这个问题在...

    jquery.ui.dialog

    里面是经过修改的jquery.ui.dialog.js(版本jQuery UI Dialog 1.8.12),添加了parentElement: 'body',详情查看http://forum.jquery.com/topic/dialog-will-move-its-div-tag-to-body

    jqueryUI dialog

    《jQuery UI Dialog详解及其应用实践》 jQuery UI Dialog是一款基于jQuery库的强大对话框组件,它为Web应用程序提供了灵活且功能丰富的交互式对话框。Dialog组件不仅支持基本的弹出框功能,还可以实现模态对话框、...

    jQuery UI组件 jQuery UI

    接着,通过jQuery的选择器和`.ui()`方法来激活UI组件,例如创建一个对话框: ```javascript $(function() { $("#dialog").dialog(); }); ``` 同时,jQuery UI 提供了许多可定制的选项,如宽度、高度、是否可拖动、...

    demo_jquery-dialog

    本篇将详细讲解jQuery UI Dialog的使用方法、特性以及实践中的应用。 **1. jQuery UI Dialog 的基本使用** 首先,你需要引入jQuery和jQuery UI的核心库以及Dialog相关的CSS和JavaScript文件。这通常包括以下几部分...

    jquery ui & themes

    1. **部件(Widgets)**:jQuery UI提供了多种UI部件,如日期选择器(Datepicker)、对话框(Dialog)、滑块(Slider)、进度条(Progressbar)、标签页(Tabs)和下拉菜单(Selectmenu)等。这些部件都封装了复杂的...

    jquery-ui.css、jquery-ui.js下载

    例如,要创建一个对话框,只需简单调用`.dialog()`方法,jQuery UI会自动处理剩下的布局、事件绑定和动画效果。 jQuery UI的组件丰富多样,例如: 1. **Dialogs** - 提供模态和非模态对话框,用于展示信息、警告或...

    jquery-ui包含功能演示及代码

    jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 编辑本段组件构成  jQuery UI ...

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

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

Global site tag (gtag.js) - Google Analytics