OnClick и HREF вместе не работает

Question

я создаю страницу HTML, где у меня есть три вкладки по щелчку на вкладке я хочу сделать что активным и также я хочу Гото некоторую другую страницу здесь мой код

<div class="col-sm-3 text-center sprtr-1"> 
     <a class="tab-link" href="#events?eventType=Movies&industry={{selectedIndustry.name}}" onclick="return theFunction();" i18n="EVENT.MOVIES"><span class="glyphicon glyphicon-facetime-video"></span> MOVIES</a> 

    </div> 
    <div class="col-sm-3 text-center sprtr-1"> 

     <a class="tab-link" href="#events?eventType=Performance&industry={{selectedIndustry.name}}" i18n="EVENT.PERFORMANCES"><span class="glyphicon glyphicon-leaf"></span> PERFORMANCES</a> 

    </div> 
    <div class="col-sm-3 text-center sprtr-1"> 

     <a class="tab-link" href="#events?eventType=WorkShops&industry={{selectedIndustry.name}}" i18n="EVENT.WORKSHOPS"><span class="glyphicon glyphicon-gift"></span> WORKSHO PS</a> 

    </div> 

вот мой сценарий

<script type="text/javascript"> 
    function theFunction() { 
     alert("dfsdf"); 
     if(!$(this).hasClass("active")){ 
       $(".active").removeClass("active"); 
       $(this).addClass("active"); 
     }else{ 
      return false;//this prevents flicker 
     } 
    } 
</script> 

может кто-то поможет мне в этом

Answer 1

Вы можете попробовать это:

$(document).ready(function(){ 
    $('.tab-link').click(function(){ 
      alert("dfsdf"); 
      if(!$(this).hasClass("active")){ 
        $(".active").removeClass("active"); 
        $(this).addClass("active"); 
      }else{ 
       return false;//this prevents flicker 
      } 
    }); 
}); 

Answer 2

onclick="theFunction();" 

Вам не нужно заявление return.

Answer 3

<a class="tab-link" href="#events?eventType=Movies&industry={{selectedIndustry.name}}" onclick="theFunction(); return true" i18n="EVENT.MOVIES"><span class="glyphicon glyphicon-facetime-video"></span> MOVIES</a> 

Он будет работать для вас

или

<a class="tab-link" href="#events?eventType=Movies&industry={{selectedIndustry.name}}" onclick="return theFunction();" i18n="EVENT.MOVIES"><span class="glyphicon glyphicon-facetime-video"></span> MOVIES</a> 

function theFunction(event) { 
    event.preventDefault(); 
    alert("dfsdf"); 
    if(!$(this).hasClass("active")){ 
      $(".active").removeClass("active"); 
      $(this).addClass("active"); 
    }else{ 
     return false;//this prevents flicker 
    } 
    return true; 
} 

Answer 4

Добавить эту цель = "_blank" якорь тег

<a href="#" onclick="someFuntion()" target="_blank">Text</a>