我正在尝试添加在我的网页上仅针对设备滚动的“点”。
然而,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');
});