jqeruy ui dialog 设置

最新推荐文章于 2019-07-13 11:40:50 发布

最新推荐文章于 2019-07-13 11:40:50 发布 · 126 阅读

文章标签：

#UI

本文介绍了一个使用jQuery UI库创建的对话框配置实例。该对话框不可调整大小、背景半透明且带有确认和取消按钮，展示了如何设置对话框的基本属性。

$('#dialog').dialog({
				        bgiframe: true,
                                        resizable:false,
				        width: 500,
				        modal: true,
				        overlay: {
				          backgroundColor: '#000',
				          opacity: 0.2
			                },
				        title:"\u7cfb\u7edf\u63d0\u793a",
				        buttons: {
						"\u786e\u5b9a": function() { 
							$(this).dialog("close"); 
						}, 
						"\u53d6\u6d88": function() { 
							$(this).dialog("close"); 
						} 
					}
				});