2012-08-06 99 views
0

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

回答

0

沒關係,我搞砸了。我正在做的是在選項卡中包含colorbox(和其他插件),而不是JUST html內容。