如何防止选项卡更改

Question

我能够进入它调用 prevent 的函数，我返回 false，但选项卡仍然切换？ 对我做错了什么有什么想法吗？

<ul class="nav nav-tabs" id="templateActionTab">
       <li id="menuTemplateTab" class="active"><a data-toggle="tab" href="#templateTab">Template</a></li>
       <li id="menuAction"><a data-toggle="tab" href="#actionTab">Action</a></li>
       <li id="menuScheduler"><a data-toggle="tab" href="#schedulerTab">Scheduler</a></li>
</ul>

$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (event) {

  var isValidationValid = templateInstance.validateScreen();
  if(isValidationValid)
  {
    localStorage.setItem('activeTab', $(event.target).attr('href'));
    $(event.target).attr("href");
    return true;
  }
  else
  {
    event.preventDefault();
    return false;
  }

});

Answer 1

好吧，

我用显示而不是显示现在它正在工作真的很愚蠢......

 $(document).on('show.bs.tab', 'a[data-toggle="tab"]', function (event) {
        debugger;
        var isValidationValid = templateInstance.validateScreen();
        if(isValidationValid)
        {
            localStorage.setItem('activeTab', $(event.target).attr('href'));
            $(event.target).attr("href");
            return true;
        }
        else {
            event.preventDefault();
              return false;
        }

    });