添加&使用Jquery删除类

时间:2014-07-21 10:50:24

标签: javascript jquery html css html5

我正在尝试添加在我的网页上仅针对设备滚动的“点”。

然而,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');
});

1 个答案:

答案 0 :(得分:-1)

如果您使用);,则此标记缺失},因此您出现了控制台错误。正确关闭=&gt; });

没有slideDown方法使用slideDown / Up。请参阅HEREHERE

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

使用了链接Details