javascript - 使用 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。参见 HERE和 HERE

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

使用链接 Details .