这是我到目前为止所拥有的:http://jsfiddle.net/6j4cT/3/
抱歉没有粘贴代码,因为这篇文章要添加的内容太多。
首先,到目前为止,我的 JQuery 并未选择“news-items”中的第一个 LI 并添加“active”类。
此外,如果有人想将我的代码重写为更清晰的格式,欢迎您这样做。
非常感谢!
最佳答案
只需将类名 active
赋予第一个 li
元素即可:
<ul id="news-items">
<li class="active">
<a href="#">Node 1</a>
</li>
<li>
<a href="#">Node 2</a>
</li>
</ul>
引用:jsFiddle
状态更新:jsFiddle Rev 2
您还可以使用 jQuery 添加类,如下所示:
var periodToChangeSlide = 5000;
var pp_slideshow = undefined;
var currentPage = 0;
$('#news-items li:first').addClass('active');
通过消息请求重新修改:jsFiddle Rev 4
var periodToChangeSlide = 5000;
var pp_slideshow = undefined;
var currentPage = 0;
$('#news-feature-img-wrap li').css('display','list-item').slice(1).css('display','none');
$('#news-items li:first').addClass('active');
根据您的消息评论,新添加的内容将仅为第一个元素设置 display:list-item
,同时为其余元素设置 display:none
已通过 jQuery .slice()
方法切片。
关于jquery - 创建自定义 Jquery slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11604727/