JQuery UI 对话框的标题显得太大
我正在使用 JQuery UI 脚本，其中包含所有模块，包括自定义主题。我使用dialog()函数创建了一个简单的模式对话。问题是，当对话框出现时，标题区域太大，并且“x”（用于关闭窗口）出现在标题区域下方。我需要知道是什么原因导致这个问题以及是否可以解决。
这是演示它的图像：
标题太大 http://dl .dropbox.com/u/12004956/2011-08-06_155144.png
如果我写一个标题字符串，它出现在“x”行上方。
原始版本应如下演示所示： http://jqueryui.com/demos/dialog/#animated
我尝试过：
1) .ui-widget { 字体系列：Arial； 字体大小：10px； }
2）对容器的DIV应用较小的字体大小，但仍然没有解决问题。
谢谢。
I am using JQuery UI script which contains all the modules, including a custom theme. I've create a simple modal dialogue using the dialog() function. The problem is that when the dialog appears, the area of the title is too big, and the 'x' (for closing the window) appears underneath the area of the title. I need to know what causes this and if it can be fixed.
Here's is an image the demonstrates it:
title too big http://dl.dropbox.com/u/12004956/2011-08-06_155144.png
If I write a string for the title, it appears above the 'x' line.
The original should appear like in this demo:
http://jqueryui.com/demos/dialog/#animated
I've tried:
1) .ui-widget
{
font-family:Arial;
font-size: 10px;
}
2) applying smaller font size to the container's DIV, but it still doesn't solve it.
Thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果没有看到你的代码，我猜你的 jQuery UI js 或 css 文件有问题。尝试使用共享的js和css看看问题是否解决。 此链接具有共享的 jQuery UI 库。例如，您可以链接到 Google 上托管的 jQuery UI 文件：
如果这不起作用，请将您的代码发布到 jsfiddle。我创建了一个演示： http://jsfiddle.net/william/YXkxn/1/
Without seeing your code, I am guessing it's your jQuery UI js or css files that are having problems. Try to use shared js and css and see if the problem is resolved. This link has shared jQuery UI libraries. For example, you can link to jQuery UI files hosted on Google:
If that does not work, post your code on jsfidder. I have created a demo: http://jsfiddle.net/william/YXkxn/1/