jQuery, перетаскиваемый с полноразмерным контейнером - PullRequest
Новая
       2

jQuery, перетаскиваемый с полноразмерным контейнером

1 голос
/ 04 января 2012

У меня есть родительский div-контейнер (в полноэкранном режиме), включающий перетаскиваемый список плавающих изображений (ширина 5 изображений подряд составляет 4086 пикселей;). Примерно так: 

<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, автоматически останавливаясь в конце списка.

Есть предложения по решению этой проблемы?

Спасибо, Джей

...