标签未在 HTMLButtonElement.onclick 中定义

问题描述

我想在 javascript 中为选项卡添加按钮单击功能以显示选项卡内容中的数据。结果给出错误“函数未在 HTMLButtonElement.onclick 中定义”。

function Tab(evt,tabName) {
var i,tabcontent,tablinks;
tabcontent = document.getElementsByClassName("ext-tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("ext-tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active","");
}
document.getElementById(tabName).style.display = "block";
evt.currentTarget.className += " active";
};
function setDefaultExternalLink()
{
document.getElementById("ext-index-0").click();
populateNewsHappenings();
}
setDefaultExternalLink();

<div id="links-source">
<div class="ext-tab flex text-center">
   {{#each data}}
   <button class="ext-tablinks flex-1 cursor-pointer py-2 px-4 border-b-4 text-blue- 500 font-semibold" id="ext-index-{{@index}}" onclick="Tab(event,\'ext_tab_{{alias}}\')">{{this.group}}</button>
   {{/each}}
</div>

{{#each data}}
<div id="ext_tab_{{alias}}" class="ext-tabcontent">
   <h3>{{group}}</h3>
   <ol>
   {{#each links}}
   <li> <a href="{{url}}" target="_blank" class="flex p-4 border text-md mt-2 bg-gray- 
   200 underline"  >{{name}} <i class="ml-2 fas 
   fa-external-link-alt"></i> </a> </li>
   {{/each}}
   </ol>
</div>
{{/each}}
</div>
             <div id="content"></div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

handlebars.js javascript