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选项卡与非选定的默认选项卡

回答

相关问题