我希望標籤內容根據被點擊的標籤使用jquery

我很難在單擊相應的標籤時顯示標籤內容。這是我的代碼，但它不能按照我的要求工作。當我點擊Eat選項卡時，數組的所有值都重複。請幫助我！我希望標籤內容根據被點擊的標籤使用jquery

<script> 


    $(function() { 
      $("#tabbable").tabs(); 
     }); 

    var i; 
    var mytabs = new Array(); 
    mytabs[0] = "Saab"; 
    mytabs[1] = "Volvo"; 
    mytabs[2] = "BMW"; 

    </script> 
    <body> 
    <div class="row-fluid"> 
      <div class="span1 offset1"> 
       <div class="tabbable" align="center"> 
        <ul class="nav nav-tabs nav-stacked"> 



      <li class="active"><a href="#tabs-1" data-toggle="tab">Eat</a></li> 
      <li><a href="#tabs-2">Drink</a></li> 
     </ul> 

     </div> 
    </div> 
    <div id="1"></div> 
    </div> 
    <script type="text/javascript"> 

    $("a[href=#tabs-1]").click(function() 
      { 

      for (i=0;i<mytabs.length;i++) 
      { 
       $('div').append("<br>"+mytabs[i]+"<br>"); 
     } 
     });</script> 

    </body>

來源

2013-08-22 Rohini

你使用什麼框架的標籤功能？你能提供一個jsfiddle嗎？ – 23tux

http://jsfiddle.net/6JVjA/ – Rohini

$(function() { 
    $(".tabbable").tabs(); 
});

NOT$("#tabbable").tabs();

或

<div id="tabbable" class="tabbable" align="center">

然後使用「的.ui-小窗口內容」

顯示的標籤內容

for (i=0;i<mytabs.length;i++) 
{ 
    $(".ui-widget-content").append("<br>"+mytabs[i]+"<br>"); 
}

來源

2013-08-22 10:06:33 Nash171

@Rohini http://jsfiddle.net/Nash171/Ptr6p/ – Nash171

在這裏你去 - http://jsfiddle.net/uZRPd/

HTML

<div id="tabs"> 
    <ul> 
     <li><a href="#saab">Saab</a></li> 
     <li><a href="#volvo">Volvo</a></li> 
     <li><a href="#bmw">BMW</a></li> 
    </ul> 
    <div id="saab"> 
     <p>Content for Saab</p> 
    </div> 
    <div id="volvo"> 
     <p>Content for Volvo</p> 
    </div> 
    <div id="bmw"> 
     <p>Content for BMW</p> 
    </div> 
</div>

的JavaScript

$("#tabs").tabs();

請注意，你需要包括jQuery用戶界面（CSS和JS）除了jQuery來使它工作。

來源

2013-08-22 10:08:40 yetanotherse

我希望標籤內容根據被點擊的標籤使用jquery

回答

相關問題