在多次打开Bootstrap Modal时，如何在Material选项卡组中设置某个特定选项卡始终处于活动状态？

<div class="nav" id="myTab" role="tablist">
  <a class="nav-link active" id="tab1" data-toggle="tab" href="#content1" role="tab" aria-controls="content1" aria-selected="true">选项卡1</a>
  <a class="nav-link" id="tab2" data-toggle="tab" href="#content2" role="tab" aria-controls="content2" aria-selected="false">选项卡2</a>
  <a class="nav-link" id="tab3" data-toggle="tab" href="#content3" role="tab" aria-controls="content3" aria-selected="false">选项卡3</a>
</div>

<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="content1" role="tabpanel" aria-labelledby="tab1">
    <!-- 选项卡1的内容 -->
  </div>
  <div class="tab-pane fade" id="content2" role="tabpanel" aria-labelledby="tab2">
    <!-- 选项卡2的内容 -->
  </div>
  <div class="tab-pane fade" id="content3" role="tabpanel" aria-labelledby="tab3">
    <!-- 选项卡3的内容 -->
  </div>
</div>

$('#myModal').on('show.bs.modal', function (event) {
  var button = $(event.relatedTarget); // 触发Modal的按钮
  var targetTab = button.data('target'); // 获取目标选项卡的标识

  // 移除所有选项卡的活动状态
  $('.nav-link').removeClass('active');
  $('.tab-pane').removeClass('show active');

  // 设置特定选项卡的活动状态
  $(targetTab).addClass('show active');
});