В настоящее время у меня есть следующие интерактивные опции 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 изменяется частичное представление.
Проблема, с которой я сталкиваюсь, заключается в том, что, когда я нажимаю на них, изменяется частичное представление, но оно сохраняет последнее. Это значит, что он становится видимым, но остается в домике.
Это пример одного из них:
<!-- 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>
Есть идеи, что я делаю не так?