Wie kann ich verhindern, dass die Registerkarte geändert wird

Question

Ich bin in der Lage, in die Funktion zu gelangen, nennt es die Verhinderung und ich gebe falsch zurück, aber die Registerkarte schaltet noch? Irgendwelche Ideen, was ich falsch mache?

<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

Ok es wirklich dumm war, pflegte ich jetzt statt Show gezeigt, dass es funktioniert ...

$(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; 

     } 


    });