Jquery 单击相关触发器时显示滑块的内容

Jquery 单击相关触发器时显示滑块的内容,jquery,slider,Jquery,Slider,我正在处理一个滑块,我想在使用eq()函数单击相关触发器时,将类“active”添加到滑块图像中。我通过触发器的索引访问图像,但它不工作,真正的问题是什么 $(文档).ready(函数(){ setInterval(函数集(){ var nextItem=$('.item.active').slideDown().removeClass('active').next('.item'); var nextTrigger=$('.trigger.active').removeClass('acti

我正在处理一个滑块,我想在使用eq()函数单击相关触发器时,将类“active”添加到滑块图像中。我通过触发器的索引访问图像,但它不工作,真正的问题是什么

$(文档).ready(函数(){
setInterval(函数集(){
var nextItem=$('.item.active').slideDown().removeClass('active').next('.item');
var nextTrigger=$('.trigger.active').removeClass('active').next('.trigger');
if((nextItem.length==0)和&(nextTrigger.length==0)){
nextItem=$('.item').first();
nextTrigger=$('.trigger').first()
}
nextItem.slideUp().addClass('active');
nextTrigger.addClass('active');
}, 5000);
$(“.images li:first”).addClass(“first”);
$(“.images li:last”).addClass(“last”);
$(“.next”)。单击(函数(e){
e、 预防默认值();
if($(“.images”).find(“.active”).hasClass(“last”)){
$(“.images”).find(“.active”).removeClass(“active”);
$(“.images li:first”).addClass(“活动”);
$(“.triggers”).find(“.active”).removeClass(“active”);
$(“.triggers li:first”).addClass(“active”);
}否则{
$(“.images”).find(“.active”).removeClass(“active”).next().addClass(“active”);
$('.trigger.active').removeClass('active').next().addClass('active');
}
});
$(“.prev”)。单击(函数(e){
e、 预防默认值();
if($(“.images”).find(“.active”).hasClass(“first”)){
$(“.images”).find(“.active”).removeClass(“active”);
$(“.images li:last”).addClass(“活动”);
$(“.triggers”).find(“.active”).removeClass(“active”);
$(“.triggers li:last”).addClass(“活动”);
}否则{
$(“.images”).find(“.active”).removeClass(“active”).prev().addClass(“active”);
$('.trigger.active').removeClass('active').prev().addClass('active');
}
});
$(“ul.li”)。单击(函数(e){
e、 预防默认值();
if(!$(this).hasClass('active')){
$('.trigger.active').removeClass('active');
$(this.addClass('active');
$(“.images”).find(“.active”).removeClass(“active”);
$(“.images”).eq($(this.index()).addClass(“活动”);
}
});
});
ul.images li img{
宽度:1000px;
高度:500px;
左边距:105px;
}
李先生{
列表样式:无;
显示:无;
}
ul.imagesli.active{
显示:块;
}
.控制{
利润率:20px0500px;
}
.李先生{
列表样式:无;
显示:内联;
左边距:10px;
}
.触发器{
显示:内联;
右边距:53px;
}
.李a{
文字装饰:无;
颜色:黑色;
}
ul.li.active{背景色:灰色;颜色:白色;宽度:20px;高度:10px;}


嗯。。。从外观上看,您在.images上使用了eq,但images类只有一个元素?也许你可以试着换衣服

$(".images").eq($(this).index()).addClass("active");

编辑:
你可能想看看这个

没问题!很高兴我能帮忙:)
$(".item").eq($(this).index()).addClass("active");