Question

使用ASP.NET + BootStrap 3并尝试创建选项卡。除了我希望在当前活动的选项卡周围出现精细边框外，一切正常。为此，我需要在active上应用li课程（并从其他active元素中移除li）。我试图通过以下简单的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>

N.B：我不是一个经验丰富的网络开发人员，可能会在这里重新发明轮子。 Plz让我知道是否有更简单的方法。

Answer 1

当javascript文件有一些编译错误时，那个时候就会出现这类问题。你可以试试这个：

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

JS函数在onclick事件中不可见

1 个答案: