去除
onclick
属性来自
<a>
. 不要包装
click
在其他功能中。并使用
.color
而不是
#color
`
$('.color').click(function()
{
if ($(this).hasClass('active')) {
console.log('clicked');
$(this).removeClass('active');
} else {
$(this).addClass('active');
}
});
.active{
color:orange;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="config-swatch-list">
<li class='color'>
<a href="#" style="background-color: random_val">one</a>
</li>
<li class='color'>
<a href="#" style="background-color: random_val">two</a>
</li>
<li class='color'>
<a href="#" style="background-color: random_val">three</a>
</li>
<li class='color' >
<a href="#" style="background-color: random_val">four</a>
</li>
<li class='color'>
<a href="#" style="background-color: random_val">five</a>
</li>
</ul>