我正在尝试使用jQuery UI选项卡控件,并且有三个选项卡,每个选项卡通过AJAX加载不同的页面。加载的页面是完整的html页面,带有自己的Javascript和CSS。
在html正文中内联的脚本是可以的,标签上的样式属性中的CSS也是如此,但是加载页面的头部中的Javascript和CSS根本不被使用。
如何在加载页面的头部使用Javascript和CSS?或者我是否必须在包含选项卡控件的页面中包含所有CSS和Javascript?
答案 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)。