jQuery非模式对话框是一种可用于Web页面的非阻塞式对话框控件。它是基于jQuery库开发的,可以灵活地自定义对话框的大小、位置、样式等属性。
使用jQuery非模式对话框很简单,只需引入jQuery库以及相应的对话框插件,然后通过JavaScript代码调用相关函数即可。
// 引入jQuery库 // 引入对话框插件 // 调用对话框函数 $(document).ready(function() { $("#dialog").dialog({ autoOpen: false, modal: false, buttons: { "Ok": function() { $(this).dialog("close"); } } }); });
代码中的 $("#dialog").dialog() 函数是调用对话框的方法,其中参数autoOpen表示是否自动打开对话框,modal表示是否是模式对话框,buttons表示对话框需要显示的按钮。
在HTML页面中,需要添加对话框的HTML代码及相关CSS样式,如下所示:
This is my dialog!
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did248749