Laravel刀片href单击时保持相同视图

我目前有以下可点击的href选项：

<div class="row">
    <div class="col-md-12 col-xs-12">
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation"><a href="#pricing" aria-controls="pricing" role="tab" data-toggle="tab">Pricing</a></li>
            <li role="presentation" class="active"><a href="#features" aria-controls="features" role="tab" data-toggle="tab">Features</a></li>
            <li role="presentation"><a href="#ideals" aria-controls="ideals" role="tab" data-toggle="tab">Ideals</a></li>
            <li role="presentation"><a href="#paper" aria-controls="paper" role="tab" data-toggle="tab">Paper & Specs</a></li>
        </ul>
    </div>
</div>

单击href时，它会更改局部视图

我遇到的问题是，当我点击这些按钮时，局部视图会发生变化，但它会保留最后一个视图。这意味着它变得可查看，但仍保留在dom中

这是一个例子：

<!-- printing pricing -->
<div role="tabpanel" class="tab-pane" id="pricing">
    <!-- @pricing -->
    <div class="product-shortdescript pricingCalculator">
        <div class="col-sm-12 col-xs-12">

            <div id="reactApp"></div>

        </div>
    </div>
</div>

---

知道我做错了什么吗？

我想你应该看看你有没有检查控制台中的错误？