jQuery UI的标签不配置资源
问题描述:
我有三个页面,admin.php
,user_admin.php
和client_admin.php
与相应的JS源文件admin.js
,user_admin.js
和client_admin.js
,和我在使用jQuery UI的选项卡不能正确处理资源的问题。jQuery UI的标签不配置资源
admin.php
是user_admin.php
和client_admin.php
的占位符,其中每个都设置为动态加载的选项卡。这里是身体admin.php
:
<body>
<div id="tabs" style="width: 1000px; margin-left: auto; margin-right: auto;">
<ul>
<li><a href="user_admin.php">User Admin</a></li>
<li><a href="client_admin.php">Client Admin</a></li>
</ul>
<div id="user_admin">
</div>
<div id="client_admin">
</div>
</div>
</body>
用下面的代码来初始化的jQuery UI的标签:
$("#tabs").tabs(
{
cookie : { expires: 9999 },
cache : false,
ajaxOptions :
{
error : function(xhr, status, index, anchor)
{
$(anchor.hash).html("Error: could not load this tab");
}
},
show : function(event, ui)
{
previous_tab = ui.index;
$("#ui-tabs-" + previous_tab).empty();
}
});
问题就出在user_admin.php
,在那里我包括colorbox
并将其固定链接(与HREF对,我要加载的页面),该弹出另一个页面,如下所示:
$('.modal').colorbox(
{
iframe : true,
slideshow : false,
title : false,
innerWidth : 600,
innerHeight : 420,
returnFocus : false,
slideshowStart : "",
slideshowStop : "",
current : "",
previous : "",
next : "",
close : ""
});
这工作......但是,如果我尝试ŧ o单击客户端管理选项卡,然后返回到用户管理选项卡并单击一个链接,该链接将再次启动colorbox
,它将两次加载colorbox
,内容相同,并且每次回到用户时都会继续堆叠彩盒管理员标签。
所以,回到我的观点...如何让jQuery UI转储所有资源,包括当前选项卡的JS库文件?
答
没关系,我搞砸了。我正在做的是在选项卡中包含colorbox(和其他插件),而不是JUST html内容。