请大家注意在使用JQuery UI的dialog
插件时,如果调用isOpen
这个API,注意他的返回值,JQ的官方文档对此API的说明如下:
JQuery官方文档 写道
Returns true if the dialog is currently open.
这是有条件的,如果一个dialog从未被初始化过或者说open过,直接调用此API会返回一个对象而不是布尔值,如果初始化过dialog之后,才会返回true或者false
。
如果想直接调用,最好在前面加上typeof的判断:
if((typeof $("#dialog").dialog("isOpen")=='object') || $('#dialog').dialog('isOpen')){
alert('已经打开');
}
外国码农的记录:
http://www.sikosoft.com/item/having_trouble_with_jquerys_dialogisopen
jquery bug 记录:
http://bugs.jqueryui.com/ticket/4347
jquery官方文档:
http://docs.jquery.com/UI/Dialog
分享到:
相关推荐
**jQuery UI Dialog 使用详解** jQuery UI 是一个基于 jQuery 的用户界面库,提供了丰富的交互组件,其中 Dialog(对话框)是一个非常实用的功能。Dialog 可以用于创建模态或非模态窗口,通常用于显示警告、确认...
open: function() { console.log("Dialog opened."); } }); ``` 2. 自定义行为:可以绑定自定义事件来扩展Dialog的功能,例如,添加关闭按钮点击事件: ```javascript $(".ui-dialog-titlebar-close").click...
在标题"jquery-ui-1.12.1.custom_jqueryui_"中,"custom"一词暗示了这是一个自定义版本,意味着开发者可能根据需求选择了特定的组件和主题,以优化项目中的性能和功能。 描述中的"jquery ui 1.12.1 for html"进一步...
在实际应用中,jQuery 插件 dialog 可以通过自定义 CSS 样式调整外观,或者与其他 jQuery UI 组件结合使用,实现更复杂的功能,如嵌入表单、添加按钮等。同时,`jquery-ui-1.7.2.custom-dialog` 文件可能包含了一个...
同时,jQuery UI提供了丰富的API,如`.dialog('option', optionName, value)`用于修改已创建的对话框选项,`.dialog('isOpen')`用于检查对话框是否处于打开状态,`.dialog('destroy')`用于移除对话框。 在实际应用...
可以将任何html标记Dialog起来~~~ 使用方法: $("#id").XDialog(); 关闭方法: $("#id").XDialog({isOpen:false});...和JqueryUI Dialog 的区别, 没有默认的title区域,不做任何封装,直接Dialog指定的对象!
jquery.ui.datepicker.js, jquery.ui.dialog.js, jquery.ui.position.js, jquery.ui.progressbar.js, jquery.ui.slider.js, jquery.ui.tabs.js * Copyright (c) 2012 AUTHORS.txt; Licensed MIT */
12. **API 使用**:每个组件都有相应的 API 方法,如 `.datagrid('load')` 加载数据,`.dialog('open')` 打开对话框,`.validatebox('isValid')` 验证表单等,这些方法使得动态控制组件状态变得简单。 通过提供的 `...
open: function (event, ui) {/* called on dialogopen */}, title: 'Image Gallery', // Sets the dialog title show: 'scale', // The effect to be used when the dialog is opened hide: 'explode', // The ...
1. **组件丰富**:jQuery EasyUI 提供了诸如对话框(dialog)、表格(datagrid)、树形控件(tree)、菜单(menu)等常见的Web UI元素,以及表单、按钮、布局、加载提示等组件,极大地简化了页面构建工作。...
此外,还可以利用插件如Bootstrap的 Modal 或者 jQuery UI 的 Dialog,这些预包装的解决方案提供了更丰富的功能和定制选项。 总结,jQuery模态框是一种强大的交互设计工具,尤其适用于登录、提示信息等场景。通过...
以上内容涵盖了 jQuery EasyUI 中 Accordion、DateBox、ComboBox 和 Dialog 这几个核心组件的基本使用方法、参数配置、事件处理以及常用的方法调用。通过这些基础知识的学习,开发者可以快速掌握如何在项目中集成...
模态对话框,如Bootstrap的Modal或者jQuery UI的Dialog,会阻止页面的默认行为,包括定时器的执行。本文将深入探讨这个问题的原因,并提供有效的解决方案。 首先,理解`setTimeout`的工作原理至关重要。`setTimeout...
### jQuery EasyUI 中文培训知识点概述 ...通过以上内容的学习,我们可以看到 jQuery EasyUI 提供了大量的 UI 组件,每个组件都具备丰富的配置选项和方法,可以帮助开发者快速构建美观且功能强大的 Web 应用程序。
`jQuery EasyUI`是一款基于jQuery的用户界面库,提供了一系列预定义的UI组件,帮助开发者快速构建具有丰富交互性的Web应用程序。它不仅轻量级而且完全免费开源,相较于其他框架如Ext JS,其优势在于体积更小、更易于...
在实际开发中,开发者可能会选择使用现有的工具或框架来快速实现模态窗口功能,如jQuery UI的Dialog组件。这些工具提供了丰富的选项和方法,如自动调整大小、拖动、键盘事件处理等,大大简化了开发过程。 例如,...
•Based on Bootstrap, jQuery UI can be also used without hassle •HTML5 valid and CSS3, though compatible with HTML4, works on IE8+ •Commented code •Custom product tour, see example •1000+ icons, ...
例如,可以使用Bootstrap的Modal组件,或者其他JavaScript库如jQuery UI或SweetAlert等。 总之,`showModalDialog`在某些特定场景下仍具有一定的实用性,特别是在需要确保用户完成特定任务或交互之前不能离开当前...