jQuery UI的标签不配置资源

问题描述:

我有三个页面,admin.phpuser_admin.phpclient_admin.php与相应的JS源文件admin.jsuser_admin.jsclient_admin.js,和我在使用jQuery UI的选项卡不能正确处理资源的问题。jQuery UI的标签不配置资源

admin.phpuser_admin.phpclient_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内容。