javascript - 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
           }
    });
});