Question

我无法弄清楚为什么第二个画廊不像第一个画廊那样滚动这是一个链接：

这是使它工作的jQuery：

$(function(){
var state = 0;
var maxState = 7;
var winWidth = $('#sub').width();

$('#sub').resize(function(){
    winWidth = $('#sub').width();
    $('.gallerybox,.container_element').width(winWidth-110);
    $('.container_element').scrollLeft((winWidth-110)*state);
}).trigger('resize');
$('#lefty').click(function(){
    if (state==0) {
       state = maxState;
    } else {
       state--;
    }
    $('.container_element').animate({scrollLeft:((winWidth-100)*state)+'px'}, 800);
});
$('#righty').click(function(){
    if (state==maxState) {
       state = 0;
    } else {
       state++;
    }
    $('.container_element').animate({scrollLeft:((winWidth-100)*state)+'px'}, 800);
});
});

Answer 1

两个导航栏都具有相同的ID。因此，当你在jQuery中搜索id时，它会在找到第一个结果后停止搜索。所以它不会得到你的第二个导航标签。

更改ID，或使用类选择器。

顺便说一下，你应该在这里发布html，而不是链接生产网站

Jquery问题 - 滚动菜单

1 个答案: