jquery遍历

Question

我试图让Jquery水平设置一些长布局，但似乎无法使它工作。我怀疑是一个遍历问题，但尝试了几个小时，无法解决它。请提前帮助和谢谢。

我试图通过点击按钮让“innerlonglayout”水平滚动。

这是我的代码：

    <div id="innermask">
  <div id="innerlonglayout">
     <div class="container-bits">Content Here</div>
     <div class="container-bits">Content Here</div>
     <div class="container-bits">Content Here</div>
     <div class="container-bits">Content Here</div>
     <div class="container-bits">Content Here</div>
     <div class="container-bits">Content Here</div>
  </div>
</div>
<div class="boxmenu">
            <span id="2002"><img src="images/butt_2002.png"></span>
            <span id="2003"><img src="images/butt_2003.png"></span>
            <span id="2004"><img src="images/butt_2004.png"></span>
            <script>
                $("#2002").click(function() {
                     $("#2002").parent().parent().parent().children().children().animate({position:'fixed',left:'30px'}, "slow");
                });
                $("#2003").click(function() {
                     $("#2002").parent().parent().children().children().animate({position:'fixed',left:'-300px'}, "slow");
                });
                $("#2004").click(function() {
                     $("#2002").parent().parent().children().children("#innerlonglayout").animate({position:'fixed',left:'-600px'}, "slow");
                });
                </script>
         </div>

这是我的CSS：

#innermask{
 width:500px;
 height:250px;
     border:1px solid #cc61b8;
     overflow:hidden;
}

#innerlonglayout{
     width:10000px;          // just an example
}

.container-bits{
    width:250px;
    height:498px;
    float:left;
}

Answer 1

我发现了什么问题。

为了使用jquery动画任何东西，你必须设置位置：Div的绝对值。

谢谢大家的回复。

Answer 2

您的数字ID可能会弄乱您的jQuery。尝试使用以字母开头的唯一ID。