Jquery選項卡與非選定的默認選項卡

我已經實現了jquery-ui默認選項卡，我的客戶端已經回到我的請求，最初登錄頁面時，主頁消息存在與標籤本身分開。所以說明......我有五個與五個對應的div與關聯的內容的選項卡。需要添加將在初始化時顯示的內容的另一個div，然後一旦選擇了選項卡，它將消失並且不可訪問。 li元素都需要相應的div來處理，如果我嘗試設置額外的li來顯示：none，jquery初始化會刪除它...是否有一個簡單的解決方案，或者我將不得不編寫自定義代碼這個？Jquery選項卡與非選定的默認選項卡

$(document).ready(function() { 
      $(".tabs").tabs({ event: "mouseover", fx: { opacity: 'toggle', duration: 'fast' } 
      }); 
     });

新增

$(document).ready(function(){ 
     $("#blank").remove();});

HTML

<div class="tabs"> 
<ul> 
     <li id="blank" class="tabsm"><a href="#keytab-x" style="display: none"></a></li> 
     <li class="tabsm"><a href="#keytab-1"tab1</a></li> 
     <li class="tabsm"><a href="#keytab-2">tab2t</a></li> 
     <li class="tabsm"><a href="#keytab-3">tab3</a></li> 
     <li class="tabsm"><a href="#keytab-4">tab4</a></li> 
     <li class="tabsm"><a href="#keytab-5">tab5</a></li> 
</ul>} 
<div id="keytab-x"> 
        <h2> 
         this is the default</h2> 
        <p> 
         </p> 
       </div> 
    <div id="keytab-1"> 
        <h2> 
         this is tab 1</h2> 
        <p> 
         </p> 
       </div> 
    <div id="keytab-2"> 
        <h2> 
         this is the tab 2</h2> 
        <p> 
         </p> 
       </div> 
    <div id="keytab-3"> 
        <h2> 
         this is the tab 3</h2> 
        <p> 
         </p> 
       </div> 
</div> 
etc..

來源

2012-09-28 Count Zero

你能顯示一些代碼嗎？ –

而不是隱藏它時，選擇一個選項卡使用jquerys刪除它從DOM（）http://api.jquery.com/remove/ – user1289347

尼斯...所以我讓jquery初始化一切。然後，我給了x tab li項目一個id，並將它從DOM中刪除，留下了我想要的...拋出一個答案 –

OK，

提到使用刪除：

$('#tabs').tabs('remove', 2);

或在您的選項卡上放置一個圖層，即在x時間後或在選項卡與之交互時，在DOM中將其刪除/隱藏。

我曾經爲覆蓋這些標籤的廣告塊做過一次。

你可以有你的結構，如：

<div id="tabs"> 
    <ul> 
     <li> 
      <a href='#tabs1">tab 1</a> 
     </li> 
     <li> 
      <a href='#tabs2">tab 2</a> 
     </li> 
    </ul> 
    <div id="tabs1"> my tab1 content</div> 
    <div id="tabs2"> my tab2 content </div> 
    <div id="myOverlay"> my overlay content </div> 
</div> <!-- end tabs -->

着如何的jQuery UI選項卡的工作，只是有一個id符合UL中的哈希的div將被認爲是「標籤」的一部分 - 任何其他divs呈現爲正常div。所以用一些CSS來定位覆蓋層和一些jquery來處理它（當我做到了，我用了一個滑動片），你就會全部設置好。

來源

2012-09-28 17:48:48 Jason

Jquery選項卡與非選定的默認選項卡

回答

相關問題