我有三個頁面,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庫文件?