Javascript 我希望根据使用jquery单击的选项卡显示选项卡内容_Javascript_Jquery

Javascript 我希望根据使用jquery单击的选项卡显示选项卡内容

javascript jquery

Javascript 我希望根据使用jquery单击的选项卡显示选项卡内容,javascript,jquery,Javascript,Jquery,单击相应的选项卡时，我很难显示选项卡内容。这是我的代码，但它无法按照我的要求工作。当我单击Eat选项卡时，数组的所有值都在重复。请帮帮我 <script> $(function() { $("#tabbable").tabs(); }); var i; var mytabs = new Array(); mytabs[0] = "Saab"; mytabs[1] = "Volvo"; mytab

单击相应的选项卡时，我很难显示选项卡内容。这是我的代码，但它无法按照我的要求工作。当我单击Eat选项卡时，数组的所有值都在重复。请帮帮我

<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>


$（函数（）{
$（“#tabbable”）.tabs（）；
}); 
var i；
var mytabs=新数组（）；
mytabs[0]=“萨博”；
mytabs[1]=“沃尔沃”；
mytabs[2]=“宝马”；




$（“a[href=#tabs-1]”。单击（函数（）
{
对于（i=0；i
不$（“#tabbable”）.tabs（）；

或


然后使用“.ui小部件内容”显示选项卡内容
for（i=0；i给你-
HTML
请注意，除了Jquery之外，还需要包括Jquery UI（CSS和JS）才能使其正常工作。选项卡功能使用什么框架？您能提供一个JSFIDLE吗？
$(function() {
    $(".tabbable").tabs();
});

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

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

<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>

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