Jquery问题 - 滚动菜单

时间:2015-10-30 02:24:28

标签: javascript jquery html

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

这是使它工作的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);
});
});

1 个答案:

答案 0 :(得分:0)

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

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

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