强制JQuery对话标题到多行

如何强制jQuery Dialog的标题始终为两行？

见： http ： //jsfiddle.net/VKcJ7/24/

我知道对话框标题包含在一个范围内，所以我不确定这是否可行。 我希望’SOME ITEM’部分始终位于第一行，而’剩余数量……’部分始终位于第二行。

JS：

$(document).ready(function () { $('#dialog').dialog({ autoOpen: false, modal: true, title: 'SOME ITEM \n Remaining Qty (Cts.): 0' //adding the newline character \n is ignored... }); }); 

CSS：

 .ui-dialog .ui-dialog-title { white-space:normal; } 

Answer 1

我最终使用了这个问题的答案（感谢@jazZRo）： 在jQuery UI 1.10的Dialog标题中使用HTML来扩展小部件。

然后我将标题设置如下:(工作示例： http ： //jsfiddle.net/VKcJ7/30/ ）

JS：

 $(document).ready(function () { $('#dialog').dialog({ autoOpen: false, modal: true, title: 'SOME ITEM 
 Remaining Qty (Cts.): 0' //adding the newline character \n is ignored... }); }); 

Answer 2

正式地说，我认为你不能。

hacky方式是把它塞进：

 $("#dialog") .dialog({ autoOpen: false }) .closest(".ui-dialog") .find(".ui-dialog-title") .html("Dialog
Title"); 

实例 | resizable: true

但又一次，相当hacky。