jQuery UI dialog实现dialog弹框显示-白红宇

实现弹框，比较精美的jQuery.ui.*；来实现，弹框显示：

jsp页面代码[jqueryuidialog.jsp]：

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>              jQuery UI dialog

js代码：

$(document).ready(function(){	$("#dialogmsg").val("请点击确认dialog");	$("#dialogbt").click(function(){		var msghtml = 			"
    
     \n" +			"  
       \n" + 			"    
\n" + 			"    
\n" + 			"  
\n" + 			"  
       \n" + 			"    
\n" + 			"  
\n" + 			"
                         可可爱       
             474893293223324588345       
     
    
";		dialogS(msghtml,function(){			$("#dialogmsg").val("确认完毕");		});	});});function dialogS(msg,callback){	$("#dialog").html(msg);	$("#dialog").dialog({		autoOpen:true,		height:350,		width:400,		modal:true,		title:'确认',		buttons:{			"[yes]":function(){				$(this).dialog("close");				callback();			},			"[no]":function(){				$(this).dialog("close");			}		},		close:function(){			$(this).dialog("close");		}	});}

注：此方式实现后，ie9上代码，弹框不居中，查阅资料，自己F12调试查找：

因为：ui-dialog下的inner style中的left=-2px；导致的，修改后发现可以居中，但没办法深入修改插件，内部style，还要兼容多种浏览器。

最终解决：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">修改为<!DOCTYPE html>居中显示了。(“可能”在特殊情况，提交后台数据为null)

效果图：