带有全角容器的 jQuery 可拖动

Question

我有一个父 div 容器（全屏宽度），包括一个可拖动的浮动图像列表（连续 5 个图像的宽度为 4086px；）。像这样的东西：

<div id="dragzone">
  <div id="draglist">
  <!-- BEGIN first row -->
  <img src="#" alt="" />
  <img src="#" alt="" /> [...]
  </div>
</div>

CSS 看起来：

#dragzone{
background: #fff;
height: 630px;
overflow: hidden;
width: 100%;
}    
#draglist{
width:4086px;
height: 630px;
cursor: move;
}    

draglist img {
float: left;
}    

可拖动区域初始化为：

<script language="javascript" type="text/javascript">
$(function() {
    $( "#dragzone" ).draggable({
        containment : 'parent',
        cursor: 'move'
        });
}); 
</script>

^ 不幸的是，上面的代码对我不起作用。除非“draglist”不应在父容器内离开或消失，否则它必须可在 x 轴上拖动。

如果我删除遏制选项，该区域将是可拖动的，但在区域边界（两个轴）之外拖动时会消失。

具体来说：图像列表不应在 y 轴上拖动，但应在 x 轴上移动，并自动停止在列表末尾。

有什么建议来解决这个问题吗？

谢谢杰伊