我在同一个x轴上有两个可拖动元素。我想重现一个滑块效果,我的意思是滑块1不能去后滑块2.阻止可拖动元素出现在另一个
我不知道该怎么做。谁能帮我?
我使用jQuery和jQuery UI中的可拖动插件。
编辑:
代码: HTML:
<div id="chrono-bar">
<div id="slider-left" class="slider-left draggable obstacle"></div>
<div id="slider-right" class="slider-right draggable"></div>
<ul class="chrono-bar-ul block">
<li class="chrono-bar-item">Janvier</li>
<li class="chrono-bar-item">Février</li>
<li class="chrono-bar-item">Mars</li>
<li class="chrono-bar-item">Avril</li>
<li class="chrono-bar-item">Mai</li>
<li class="chrono-bar-item">Juin</li>
<li class="chrono-bar-item">Juillet</li>
<li class="chrono-bar-item">Aout</li>
<li class="chrono-bar-item">Septembre</li>
<li class="chrono-bar-item">Octobre</li>
<li class="chrono-bar-item">Novembre</li>
<li class="chrono-bar-item last">Décembre</li>
</ul>
<div class="chrono-bar-footer">
<div class="line"></div>
</div>
的Javascript:
<script>
$("#slider-left").draggable({
axis: 'x',
containment: 'parent',
'snap': '#slider-right',
collide: 'block',
drag: function() {
console.log($('#slider-left').offset().left);
}
});
$("#slider-right").draggable({ axis: 'x', containment: 'parent','snap': '#slider-left' });
请发布你的代码你做了什么,我无法赶上你的问题 –
没关系我编辑我的帖子。 – Sebastien