使用jQuery添加和删除类

Question

我正在尝试添加仅在设备上浏览的“点”。

但是，JQ无法正常工作-是否有人对如何解决此问题有任何想法-我的代码如下。 谢谢

HTML：

 <span id="thumbs_wrapper">
    <ul class="thumbs">
        <li class="sliderindicator"></li>
        <li class="sliderindicator"></li>
        <li class="sliderindicator"></li>
        <li class="sliderindicator"></li>
        <li class="sliderindicator"></li>
    </ul>
    </span>

CSS：

span#thumbs_wrapper ul.thumbs li.sliderindicator {
background-color: #cccccc;
border-radius: 4px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset;
display: inline-block;
height: 8px;
margin-left: 3px;
margin-right: 3px;
width: 8px;}

span#thumbs_wrapper ul.thumbs li.sliderindicator.active { background-color: #069;}

JQ：

$('#thumbs_wrapper li.sliderindicator').slide(function() {
$('#thumbs_wrapper li.sliderindicator').removeClass('active');    
$(this).addClass('active');
});

Answer 1

您缺少此标签); 您刚刚使用了}所以出现控制台错误。 正确关闭=> });

没有slideDown方法，请使用slideDown / Up。 见这里和这里

$('#thumbs_wrapper li.sliderindicator').slideDown(function() {
    $(this).removeClass('active').addClass('active');
});

使用的链接详细信息 。