我正在尝试切换被单击的组件的类名。
toggleActive(event) {
const parentClass = event.target.parentElement
debugger
if (parentClass.className === 'active') {
if (parentClass.previousElementSibling === null) {
parentClass.nextElementSibling.className = 'active'
} else {
parentClass.previousElementSibling.className = 'active'
}
parentClass.className = ''
} else {
if (parentClass.previousElementSibling === null) {
parentClass.nextElementSibling.className = ''
} else {
parentClass.previousElementSibling.className = ''
}
parentClass.className = 'active'
}
}
<ul class="nav nav-tabs">
<li (click)="toggleActive($event)">
<a href="#/detail/bopis/default/search/advanceSearch">Pick Up In Store</a>
</li>
<li (click)="toggleActive($event)"><a href="#/advanceSearch?BOSFS">Ship From Store</a></li>
</ul>
当我第一次点击一个<li>
时,它将正常切换。然后,除非我刷新页面,否则需要单击两次才能更改类。当我单步执行调试器时,一切似乎都正常,然后它就重置为className = ""
我很感谢任何人的帮助或更好的方法来做这件事。
https://stackoverflow.com/questions/50766173
复制相似问题