解决jquery ui dialog 标题为html显示样式问题

阅读更多

 

/*窗口标题样式*/
.ui-dialog .ui-dialog-titlebar {
	padding: 0em 0em;
	position: relative;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0em;
	outline: 0;
}

  

有问题的

 

Using HTML in a Dialog's title in jQuery UI 1.10

$.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
    _title: function(title) {
        if (!this.options.title ) {
            title.html(" ");
        } else {
            title.html(this.options.title);
        }
    }
}));

 

 

 

 

没问题的

样例

 

//设置角色
function checkRole(userId){
	var dialog = $("#dlgCheckRole").load(contextPath+"/role/checkRole?userId="+userId).removeClass('hide').dialog({
		modal: true,
		title: "

设置角色

", //title: "设置角色", //title_html: true, width: 600, height: 600, //auto buttons: [ { text: "Cancel", "class" : "btn btn-minier", click: function() { $( this ).dialog( "close" ); } }, { text: "OK", "class" : "btn btn-primary btn-minier", click: function() { //$( this ).dialog( "close" ); saveCheckRole(); } } ], close: function(){ //销毁dialog及内在元素 $(this).dialog("destroy").empty(); } }); //设置标题 //$('#dlgCheckRole').dialog("option","title", "

jQuery UI Dialog

"); }

 

参考:

https://stackoverflow.com/questions/14488774/using-html-in-a-dialogs-title-in-jquery-ui-1-10

  • 解决jquery ui dialog 标题为html显示样式问题_第1张图片
  • 大小: 4.4 KB
  • 解决jquery ui dialog 标题为html显示样式问题_第2张图片
  • 大小: 2.3 KB
  • 查看图片附件

你可能感兴趣的:(jquery,ui,dialog,title,标题,样式)