【问题标题】:jQuery Dialog theme not being applied未应用 jQuery 对话框主题
【发布时间】:2010-05-22 02:34:07
【问题描述】:

我正在使用 jquery-1.4.2.min.js 和 jquery-ui-1.8.1.custom.min.js。根据 Firebug 的说法,两个最小化的脚本都已加载。它们都出现在 Firebug 脚本选项卡的下拉列表中。

对话框正在启动,但没有背景,因此它下面的文本显示出来,根本没有“窗口”的东西,没有标题栏,没有 X 按钮。只是左上角带有-close-链接的浮动/可拖动文本。

阅读这些页面后我印象深刻

 http://jqueryui.com/demos/dialog/
 http://jqueryui.com/themeroller/

当使用此准系统调用调用对话框时,UI 主题驱动的外观将自动应用于对话框:

 $('#dialog').dialog()

如果您提供有关如何解决此问题的建议,我将不胜感激。谢谢

【问题讨论】:

  • 您确定 UI CSS 文件中的图像路径指向正确的位置了吗?
  • @Tejs,很可能就是这样。这两个 jquery js 文件位于我网站的根目录中;我在根目录下有一个 /css 文件夹和一个 /themes 文件夹。 /css 和 /themes 路径是相对于使用 jquery 的应用程序还是相对于 jquery js 文件的位置?
  • jquery js 文件不关心主题的位置。因此,当您引用 css 主题文件时,您只需要确保它与链接到 css 文件的 html 文件相关。所以听起来它可能看起来像

标签: jquery dialog themes


【解决方案1】:

您需要确保包含指向 jQuery ui 主题的链接

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

【讨论】:

  • 感谢两位的帮助。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-10-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-05-28
相关资源
最近更新 更多