`

隐藏JQuery Dialog的Close Icon

 
阅读更多

隐藏JQuery对话框的关闭图标。
有时候我希望用户不能通过JQuery Dialog提供的X按钮关闭对话框,也不希望用户通过ESC键关闭,总的一句就是除非通过我提供的按钮,否则不能关闭该对话框。通过禁用JS之类的方式不在考虑的范围。
代码如下:

$("#div1").dialog({
   closeOnEscape: false,
   open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
});

 

转自:http://havebb.com/b/post/hide-jquery-close-icon.aspx

分享到:
评论

相关推荐

    JQuery Alert Dialog改善后

    "JQuery Alert Dialog"是jQuery的一个扩展,用于增强原生JavaScript中的alert对话框功能,提供更丰富的用户交互体验。传统的alert对话框通常只包含一条文本消息,而jQuery Alert Dialog则可以添加错误、警告、提示等...

    art_dialog jquery的使用教程

    《art_dialog jQuery 使用教程》 在网页开发中,弹出框是常见的交互元素,而art_dialog作为一款强大的jQuery插件,提供了比alert更为丰富的功能,适用于各种复杂的对话场景。使用art_dialog,我们可以创建出定制化...

    jQuery UI Dialog 创建友好的弹出对话框实现代码

    然后选择一个元素,通常是隐藏的 div,作为对话框的内容,并调用 `.dialog()` 方法。 ```javascript $("#dialogElement").dialog({ title: "我的对话框", autoOpen: true, width: 500, height: "auto", }); ...

    Easyui使用Dialog打印

    在IT行业中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如DataGrid、Dialog等,使得开发者能够快速构建用户界面。本文将详细探讨如何利用EasyUI的Dialog组件来展示DataGrid的内容,并实现对其内容的...

    JQUERYMOBILE 提示框

    $(this).closest(".ui-dialog").dialog("close"); }); }); ``` **7. 结论** jQuery Mobile的提示框组件为移动应用的交互设计提供了强大的工具。通过理解和应用上述知识点,开发者可以创建出既美观又实用的提示...

    jquery-easyui-1.3.4与jquery1.8 API

    $('#dlg').dialog('close'); } }] }); } ;"> 这是一个对话框 ``` 六、总结 jQuery EasyUI 1.3.4与jQuery 1.8的结合,为开发者提供了强大的Web应用构建能力。通过学习和掌握这两个工具,开发者不仅...

    jquery_easyui_中文API.pdf

    (0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Cancel function showDialog() { $('#dlg').dialog('open'); } function save() { var fm = $('#...

    easyui-dialog实例

    EasyUI 提供了丰富的Dialog方法,如 `open`、`close`、`refresh` 等,以及与之对应的事件,如 `onOpen`、`onClose` 等,可以用于实现更复杂的交互逻辑。例如: ```javascript $('#dlg').dialog('open'); // 打开...

    3个jQuery弹出窗口插件

    jQuery UI库提供了Dialog组件,它允许开发者创建功能丰富的弹出窗口。Dialog可以设置为模态或非模态,支持自定义标题、内容和按钮。通过调整选项,可以实现关闭、最大化、最小化等功能。它还支持拖动和调整大小,...

    测试jquery easyui demo

    $('#dlg').dialog('close'); // 关闭对话框 } } ] }); }); ``` 在“focus”这个子文件中,可能包含了关于焦点管理的示例,比如如何在EasyUI组件之间切换焦点,或者在特定事件(如点击、表单提交等)下自动聚焦...

    jquery-easyui

    $('#dlg').dialog('close'); } }] }); ``` 四、实战应用 在实际开发中,jQuery EasyUI可以广泛应用于后台管理系统、企业级应用等场景。例如,结合Ajax技术,可以构建实时更新的数据监控系统;结合JSONP,可以...

    免费_jQuery_Easyui_教程

    以上内容涵盖了 jQuery EasyUI 中 Accordion、DateBox、ComboBox 和 Dialog 这几个核心组件的基本使用方法、参数配置、事件处理以及常用的方法调用。通过这些基础知识的学习,开发者可以快速掌握如何在项目中集成...

    jquery esayui 使用文档(chm)及demo

    $('#dlg').dialog('close'); } } ] }); }); ``` EasyUI 提供的组件包括但不限于: 1. **对话框(Dialog)**:可以用来显示信息或进行交互操作。 2. **表格(DataGrid)**:支持数据分页、排序、过滤和编辑。 ...

    jquery-Easyui引用与例子

    $('#dlg').dialog('close'); } }] }); ``` #### 3.3 表单(Form) EasyUI 提供了多种表单控件,如文本框、下拉框、复选框等,以及表单验证功能。例如: ```html 姓名: 邮箱: ,validType:'email'...

    JQueryEasyUI学习笔记(十)源码

    dialog.dialog('close'); } }] }); // 加载表单数据并显示对话框 } }); ``` ### 3. 选中行修改 选中行修改是通过监听`onSelect`事件来实现的,用户点击行时,可以显示一个编辑表单或者直接在当前行进行编辑...

    JQuery-esqyUI中文-1.2.5API

    在"JQuery-esqyUI中文-1.2.5API.CHM"文档中,详细列出了每个组件的方法、属性和事件,如Dialog的open、close方法,Grid的loadData、columnConfig等。了解这些API可以帮助开发者精准地控制组件的行为,实现复杂的功能...

    jquery弹出对话框插件支持拖拽确认对话框代码

    **jQuery UI** 是jQuery的一个扩展,提供了丰富的用户界面组件,包括对话框(Dialog)。要实现拖拽功能,我们需要在初始化对话框时设置`draggable: true`。对于确认对话框,可以通过添加按钮并监听点击事件来实现,...

    jquery-easyui, jquery-easyui lib , update form http.zip

    (0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">取消 function saveForm(){ $('#fm').form('submit',{ url: 'saveData.php', onSubmit: function...

    jquery easyui 中文文档

    <div id="dlg" class="easyui-dialog" data-options="modal:true,closed:true,onClose:closeDialog"> <div class="ftitle">Dialog Title <div class="fitem"><input class="easyui-textbox" data-options=...

    jquery 使用demo

    $('#dlg').dialog('close'); } }] }); }); ``` 以上就是jQuery的基本使用介绍,结合提供的压缩包文件,你可以进一步学习和实践这些UI框架的使用,提升你的前端开发能力。记得在实际应用中,根据项目需求选择适合...

Global site tag (gtag.js) - Google Analytics