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