使用 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 开发人员,可能会在这里重新发明轮子。如果有更简单的方法,请告诉我。
最佳答案
当 javascript 文件出现编译错误时,就会出现此类问题。 你可以试试这个:
from $("#ItemTabs ul li").removeClass("active") TO this
$('div#ItemTabs > ul li').removeClass('active')
关于javascript - JS函数在onclick事件中不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25326097/