JQuery的dialog只显示一次

jQuery对话框配置

最新推荐文章于 2021-06-25 15:00:11 发布

原创最新推荐文章于 2021-06-25 15:00:11 发布 · 198 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #JavaScript #YUI #ViewUI

Dynamic Languages 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个使用jQuery UI库创建的对话框配置实例。该对话框设置了高度、宽度、模式遮罩、自定义关闭与打开行为，并定义了按钮操作。此外还展示了如何控制对话框打开与关闭时其他元素的显示与隐藏。

需要先初始化，在打开。
但是感觉没有YUI的dialog灵活。


$('#dialog').dialog({
        height: '550',
			width: '700',
			modal: true,
			autoOpen: false,
			close: function(){
				$('#Structure').show();
				$('#searchtypeid').show();
			},
			open: function(){
				$('#Structure').hide();
				$('#searchtypeid').hide();
			},
			overlay: {
				backgroundColor: '#000',
				opacity: 0.5
			},
			buttons: {
				'OK': function() {
					$(this).dialog('close');
				},
				'Cancel': function() {
					$(this).dialog('close');
				},
				'Clear': function() {

				},
				'Help': function() {

				}
			}
    });