我的导航按钮有一个大问题。我正在使用图像滚动插件。我想在其中添加导航按钮,但遇到以下问题:
没有用户点击按钮,它会进入激活的下一个按钮,即使用户点击转发按钮,它也会进入激活的下一个按钮。但是当用户再次单击后退按钮时,它没有被激活并且图像正在滚动。
从最后一个按钮它应该转到有问题的第一个按钮。
另外我想首先删除重复的图像,这样不会出现问题,但会出现一些问题。
navigation.js 中的整个代码都在这个小提琴中
----- 试图删除这样的重复图像 ------
// remove duplicates from first
var classes = [];
$("#banner img").each(function(id, vl) {
$this = $(this), cls = $this.attr("class");
if( $.inArray(cls, classes) < 0 ) {
classes.push(cls);
}
});
for(var c = 0; c < classes.length; c++ ) {
if( $("#banner img."+classes[c]).length > 1 ) {
$("#banner img."+classes[c]+":first").remove();
}
}
// end remove
//remove duplicate images from last
var seen = {};
$('#banner img').each(function() {
var className = $(this).attr('class');
if (seen[className])
$(this).remove();
else
seen[className] = true;
});
//end remove
我在哪里使用了我在这个小提琴中评论过的这些代码 但是我没有在我的实时站点中实现这个,因为我之前的其他问题发生了。
我的关键问题是,如果您等待一个图像块向左移动,那么它会自动转到下一个导航按钮,如果您单击另一个按钮并等待一段时间,其对应的图像会向左移动,直到现在都没问题但是问题当您再次单击上一个按钮时发生,然后它没有被激活。
这个问题可能很烦人,但请不要这么觉得,因为无论谁解决了这个问题,我都会奖励 +1000 赏金