我正在一个带有滑块的网站上工作,我正在尝试制作可点击的幻灯片。我已设法编辑 js 以将其包装<div>
在 a 中<a>
,但这产生了一个新问题。
滑块的工作方式是它<div>
与类一起显示cameracurrent
。滑块工作正常,直到它添加cameracurrent
到我的可点击幻灯片中。当 js 调用.removeClass('cameracurrent');
时,该类不会被删除。因此,显示的幻灯片总是相同的。
这是一些代码:
var loop;
for (loop=0;loop<amountSlide;loop++)
{
if (loop == 4) {
cameraCont.append('<a href=http://www.google.com><div class="cameraSlide cameraSlide_'+loop+'" /></a>');
var div = $('> div:eq('+loop+')',elem);
target.find('.cameraSlide_'+loop).clone(div);
} else {
cameraCont.append('<div class="cameraSlide cameraSlide_'+loop+'" />');
var div = $('> div:eq('+loop+')',elem);
target.find('.cameraSlide_'+loop).clone(div);
}
}
...
if($(thumbs).length){
$('li', thumbs).removeClass('cameracurrent');
$('li', thumbs).eq(slideI).addClass('cameracurrent');
}
js 是 2200+ 行,所以我仍在努力解决它。但是,我相信这就是cameracurrent
课程被删除的方式。
有任何想法吗?