使用通过AJAX收到的CSS / Javascript

时间:2010-11-02 16:18:09

标签: javascript jquery css ajax jquery-ui

我正在尝试使用jQuery UI选项卡控件,并且有三个选项卡,每个选项卡通过AJAX加载不同的页面。加载的页面是完整的html页面,带有自己的Javascript和CSS。

在html正文中内联的脚本是可以的,标签上的样式属性中的CSS也是如此,但是加载页面的头部中的Javascript和CSS根本不被使用。

如何在加载页面的头部使用Javascript和CSS?或者我是否必须在包含选项卡控件的页面中包含所有CSS和Javascript?

2 个答案:

答案 0 :(得分:1)

AJAX负载将过滤掉body元素中没有的任何内容。您可以将CSS / Javascript标记放在正文中,它们将被添加到您的页面中,但如果可能的话,我会避免这样做。如果你不小心,你最终会多次包括东西。

我建议在包含选项卡的页面上放置jQuery本身,插件等常见内容,并仅将特定于选项卡的脚本放在通过AJAX加载的位上。您需要小心管理ID - 它们必须是全局唯一的,而不是在选项卡中唯一。坚持使用类可能是处理此问题的更好方法,也可以使用选项卡名称为您的ID添加前缀。对于CSS,我会尝试制作它,以便CSS适用于整个页面,包括标签,并将其加载到页面。

因人而异。

答案 1 :(得分:0)

你可以在头脑中添加这一行:

<link rel="stylesheet" id="yourid" type="text/css" />

这是你的ajax电话之后:

document.getElementById('yourid').href='css/'+yourvariable+'.css';}

您可以对脚本执行相同操作(更改rel和type)。