JQuery UI Dialog标题显得太大了

时间:2011-08-06 13:05:03

标签: jquery jquery-ui modal-dialog title

我正在使用包含所有模块的JQuery UI脚本,包括自定义主题。我使用dialog()函数创建了一个简单的模态对话框。问题是当对话框出现时,标题的区域太大,并且“x”(用于关闭窗口)出现在标题区域的下方。我需要知道导致这种情况的原因以及是否可以修复。

这是一张展示它的图片:

title too big http://dl.dropbox.com/u/12004956/2011-08-06_155144.png

如果我为标题写了一个字符串,它会出现在'x'行的上方。

原始内容应该与此演示一样: http://jqueryui.com/demos/dialog/#animated

我试过了:

1).ui-widget     {         FONT-FAMILY:宋体;   font-size:10px; }

2)将较小的字体大小应用于容器的DIV,但它仍然无法解决它。

感谢。

1 个答案:

答案 0 :(得分:1)

没有看到你的代码,我猜你的jQuery UI js或css文件有问题。尝试使用共享的js和css,看看问题是否已解决。 This link共享了jQuery UI库。例如,您可以链接到Google上托管的jQuery UI文件:

如果不起作用,请在jsfidder上发布您的代码。我创建了一个演示:http://jsfiddle.net/william/YXkxn/1/