javascript - JS函数在onclick事件中不可见

Question

使用 ASP.NET + BootStrap 3 并尝试创建选项卡。一切正常，只是我希望在当前事件的选项卡周围出现细边框。为此，我需要在该 li 上应用 active 类(并从其他 li 元素中删除 active )。我试图通过以下简单的 JS 函数来实现这一点。但是，当我单击选项卡标题时，它告诉我未定义函数 activateTab()。有什么线索吗？

<EditItemTemplate>
    <script type="text/javascript">
        function activateTab(tab) {
            $("#ItemTabs ul li").removeClass("active");
            $(tab).addClass("active");
        }
     </script>

    <div id="ItemTabs">
        <ul class="nav nav-tabs">
            <li><a href="#tab-Details" onclick="activateTab(this.parentElement);">Details</a></li>
            <li><a href="#tab-AdditionalInfo" onclick="activateTab(this.parentElement);">Additional Info</a></li>
            ...
        </ul>
    </div>
</EditItemTemplate>

注意:我不是经验丰富的 Web 开发人员，可能会在这里重新发明轮子。如果有更简单的方法，请告诉我。

Answer 1

当 javascript 文件出现编译错误时，就会出现此类问题。你可以试试这个:

from $("#ItemTabs ul li").removeClass("active") TO this 
      $('div#ItemTabs > ul li').removeClass('active')