Jquery 如何在引导中禁用选项卡标题和浏览按钮

我正在使用选项卡内容导航到不同的选项卡。我也可以通过按钮导航，但我想禁用通过标题的导航

<ul class="nav nav-tabs">
<li class="active"><a href="#info-tab" data-toggle="tab">Information<i class="fa"></i></a></li>
<li><a href="#receipent-tab" data-toggle="tab">Recipient <i class="fa"></i></a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="info-tab">
<div class="row text-right">
<button type="button" class="btn btn-primary" id="btn1">Next</button>
<br />
</div>
</div>
<div class="tab-pane" id="receipent-tab">
</div>
</div>

下一个

我已经浏览了一些链接，这些链接告诉我删除数据toggle=“tab”，但若我删除了它，我也无法浏览按钮

这里是fiddler链接： 试试这个

HTML JSFIDLE 试试这个

HTML JSFIDLE

---

当您单击“信息”和“收件人”标题时，您想停止导航…对吗？？？是的。没错，但应该是通过按钮导航，当你点击“信息”和“收件人”标题时，你想停止导航…对吗？？？是的。没错，但它应该通过按钮导航

<ul class="nav nav-tabs">
<li class="active"><a href="#info-tab" data-toggle="tab">Information<i class="fa"></i></a></li>
<li><a href="#receipent-tab" data-toggle="tab">Recipient <i class="fa"></i></a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="info-tab">
<div class="row text-center">
<a class="btn btn-primary" id="btn1" data-toggle="tab" href="#receipent-tab">Next</a>
<br />
</div>
</div>
<div class="tab-pane" id="receipent-tab">
    <a class="btn btn-primary" id="btn2" data-toggle="tab" href="#info-tab">Previous</a>
</div>
</div>

 $("#btn1").click(function () {
 $('li').removeClass('active');
 $('.nav-tabs li:nth-child(2)').addClass('active');


});

 $("#btn2").click(function () {
     $('li').removeClass('active');
     $('.nav-tabs li:nth-child(1)').addClass('active');
        });

$('.nav li a').click(function(e) {
    e.preventDefault();
    return false;
});