Javascript Bootstrap.js选项卡不起作用

我对Bootstrap.js标签非常迷茫。我得到了这个html：

<ul class="button-menu" id="stores" data-tabs="tabs">

</ul>
<div class="tab-content" id="storesGoods">
    <div class="tab-pane" id="store0">test</div>
    <div class="tab-pane" id="store1">test2</div>   
</div>

测试
测试2

我用JS生成它的内容

function updateShop(){
    var actualStores = "";
    for (var i=0;i<actualTown.store.length;i++){
        actualStores=actualStores + "<li><a href='#store"+i+"' data-toggle='stores'>"+actualTown.store[i].name+"</a></li>"
        $("#store"+i).html(actualTown.store[i].listGoods());
    };
    $("#stores").html(actualStores);
};

函数updateShop（）{
var actualStores=“”；
对于（变量i=0；i）
$（“#store”+i）.html（actualTown.store[i].listGoods（））；
};
$（“#存储”）.html（实际存储）；
};

当我通过Chrome查看我的html时，我看到它生成了以下内容：

<ul class="button-menu" id="stores" data-tabs="tabs">
    <li><a href="#store0" data-toggle="stores">24/7 Store</a></li>
    <li><a href="#store1" data-toggle="stores">Liquiro</a></li>
</ul>
<div class="tab-content" id="storesGoods">
    <div class="tab-pane" id="store0">
        <p>24/7 Store: All day, all night, every day!</p>
        <table class="table table-condensed">
            <tbody>
                <tr>
                    <th>item</th>
                    <th>price</th>
                    <th></th>
                </tr>
                <tr>
                    <td>Bottled Water</td>
                    <td>0.84</td>
                    <td><a class="buy" onclick="buyToInventory(d1)">buy</a>
                    </td>
                </tr>
                <tr>
                    <td>Raush Juice</td>
                    <td>0.9</td>
                    <td><a class="buy" onclick="buyToInventory(d2)">buy</a>
                    </td>
                </tr>
                <tr>
                    <td>Bohemia Chips</td>
                    <td>0.7</td>
                    <td><a class="buy" onclick="buyToInventory(e2)">buy</a>
                    </td>
                </tr>
                <tr>
                    <td>Vodka Alosuth</td>
                    <td>2.7</td>
                    <td><a class="buy" onclick="buyToInventory(d3)">buy</a>
                    </td>
                </tr>
                <tr>
                    <td>Pilsner beer (10°)</td>
                    <td>0.8</td>
                    <td><a class="buy" onclick="buyToInventory(d7)">buy</a>
                    </td>
                </tr>
                <tr>
                    <td>Pilsner beer (12°)</td>
                    <td>0.98</td>
                    <td><a class="buy" onclick="buyToInventory(d8)">buy</a>
                    </td>
                </tr>
                <tr>
                    <td>Bread</td>
                    <td>1.2</td>
                    <td><a class="buy" onclick="buyToInventory(e1)">buy</a>
                    </td>
                </tr>
                <tr>
                    <td>Rosito Schnap</td>
                    <td>0.68</td>
                    <td><a class="buy" onclick="buyToInventory(d10)">buy</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="tab-pane" id="store1">
        <p>Liquiro: Bad day? Liquiro will fix that, buy some boost for yourself and some chips.</p>
        <table class="table table-condensed">
            <tbody>
                <tr>
                    <th>item</th>
                    <th>price</th>
                    <th></th>
                </tr>
                <tr>
                    <td>Vodka Alosuth</td>
                    <td>2.7</td>
                    <td><a class="buy" onclick="buyToInventory(d3)">buy</a>
                    </td>
                </tr>
                <tr>
                    <td>Pilsner beer (10°)</td>
                    <td>0.8</td>
                    <td><a class="buy" onclick="buyToInventory(d7)">buy</a>
                    </td>
                </tr>
                <tr>
                    <td>Pilsner beer (12°)</td>
                    <td>0.98</td>
                    <td><a class="buy" onclick="buyToInventory(d8)">buy</a>
                    </td>
                </tr>
                <tr>
                    <td>Rosito Schnap</td>
                    <td>0.68</td>
                    <td><a class="buy" onclick="buyToInventory(d10)">buy</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

24/7商店：全天、一夜、每天

项目
价格
瓶装水
0.84
购买
劳什汁
0.9
购买
波希米亚薯片
0.7
购买
阿洛苏特伏特加
2.7
购买
皮尔斯纳啤酒（10°）
0.8
购买
皮尔斯纳啤酒（12°）
0.98
购买
面包
1.2
购买
罗西托·施纳普
0.68
购买
利基罗：糟糕的一天？利基罗会解决这个问题，给自己买些提振剂和一些筹码

项目
价格
阿洛苏特伏特加
2.7
购买
皮尔斯纳啤酒（10°）
0.8
购买
皮尔斯纳啤酒（12°）
0.98
购买
罗西托·施纳普
0.68
购买

所以它是按预期生成的，但切换标签不起作用，当我点击

ul#stores

中的某个东西时，它不会更改标签，它只会添加到url

www.something.com/#store0

，什么都不会发生

有人知道如何让这些标签工作吗，我完全迷路了

---

感谢您的帮助！

中没有什么比

data toggle=“store”

更好的了，它应该是

data toggle=“tab”

，插件将通过

href

属性确定哪个是正确的目标

---

他们的示例非常简单，请遵循它。

谢谢，它很有效，我认为选项卡应该有不同的数据切换，因为我已经有了另一个选项卡菜单。：）