Question

下面是我点击标签功能的代码。

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

现在我希望在单击选项卡后，应显示存储在数据中的值。但是我的代码正在做什么，它将数据显示为数据存储在数组中的次数。意味着我希望输出萨博，沃尔沃，宝马，但它显示三次。任何人都可以帮助我，使用什么而不是附加，以便我得到所需的输出。

Answer 1

尝试使用`jQuery.one` http://jsfiddle.net/adiioo7/UFBzn/1/

<强> JavaScript的： -

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

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

     $("a[href^=#tabs-]").one("click", function () {
         for (i = 0; i < mytabs.length; i++) {
             $($(this).attr("href")).append("<br>" + mytabs[i] + "<br>");
         }
     });
 });

<强> HTML： -

<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 id="tabs-1"></div>
            <div id="tabs-2"></div>
        </div>
    </div>
</div>

Answer 2

快速而肮脏，但完成工作

$('div#1').empty();

for (i=0;i<mytabs.length;i++)
    $('div#1').append('<br/>' + mytabs[i] + '<br/>');

在添加内容之前会清除div。这是你要的吗？

Answer 3

这对我有用： $（ '＃DIV 1'）空（）。 $（'div＃1'）。追加（'你的代码在这里'）;

Answer 4

试试这个

你的html有3个div元素。首先确保你想要的地方（在哪个Div中）你想要附加tab.Below代码将在div中附加id =“1”的标签。否则它将附加在所有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>

Answer 5

试试这个：

$('div').html("<br>"+mytabs[i]+"<br>");

如何使用jquery仅将数据附加一次

5 个答案:

尝试使用`jQuery.one` http://jsfiddle.net/adiioo7/UFBzn/1/

如何使用jquery仅将数据附加一次

5 个答案:

尝试使用jQuery.one http://jsfiddle.net/adiioo7/UFBzn/1/

尝试使用`jQuery.one` http://jsfiddle.net/adiioo7/UFBzn/1/