0

対応するタブをクリックしたときに、タブの内容を表示するのが困難です。これは私のコードですが、要件どおりに機能しません。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>
4

2 に答える 2