2

以下は、タブの機能をクリックするための私のコードです。 

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

そしてここで、JavaScriptを使用してタブの値を配列に保存しています

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

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

タブをクリックすると、データに保存されている値が表示されるようになりました。しかし、私のコードが行っていることは、データが配列に格納されている回数だけデータを表示しています。Saab、Volvo、BMWとして出力したいのですが、3回表示しています。目的の出力が得られるように、追加の代わりに何を使用すればよいか、誰でも助けてくれますか。

4

5 に答える 5

2

これは私にとってはうまくいきます： $('div#1').empty(); $('div#1').append('あなたのコードはこちら');

于 2015-05-15T14:08:29.650 に答える
1

これを試して

HTML には 3 つの div 要素があります。まず、タブを追加する場所 (どの Div) を確認します。以下のコードは、 id="1" を使用して div にタブを追加します。それ以外の場合は、すべての div に追加します。

 <script type="text/javascript">
$("a[href=#tabs-1]").click(function()
            {
        $('div#1').empty();
          for (i=0;i<mytabs.length;i++)
            {
              $('div#1').append("<br>"+mytabs[i]+"<br>");
        }
        });
 </script>
于 2013-08-22T10:13:41.893 に答える