在jQuery UI对话框中使用外部CSS

时间:2011-07-05 19:24:37

标签: jquery html css jquery-ui jquery-ui-dialog

在我的应用程序中,我需要将内容块加载到jQuery UI对话框中。每个内容块必须单独进行CSS样式。

我只能想到两种解决方案,这两种解决方案都不理想:

  • 使用jQuery.load()加载包含对话框内内容块的部分HTML页面(即没有<head><body>标签)。然后使用jQuery动态地附加外部CSS文件。该对话框可以自动调整大小以适应内容。
  • 使用iframe加载整个页面,其中包含内容块和外部CSS引用。但是对话框无法自动调整大小。

有没有更好的解决方案?

2 个答案:

答案 0 :(得分:4)

嗨,在这种情况下,您可以将样式放在样式标记<style></style>内加载的页面顶部,而不是使用css文件

答案 1 :(得分:0)

您可以使用jQuery css

css()属性添加到内容中