我想知道你们中是否有人知道如何解决以下问题:
我有很多div
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
而且它们都可以用 jquery ui 拖动
var $divs = $('#one, #two, #three')
$divs.draggable({
start: dragStart, cursor: 'move', stop: dragEnd
});
我想要的是实时获取被拖动元素的当前位置,这样如果被拖动的 div 触发了一个事件,例如:
if($('#two').position().left <= 500) { /*baadaboom*/ }
我将div拖到一个点
left is 1000px
如果它立即
smaller than 500px
它应该开火了!
最佳答案
你可以试试下面的方法
var $divs = $('#one, #two, #three')
$divs.draggable({
start: dragStart, cursor: 'move', stop: dragEnd,
drag: function () {
var t = $(this), l = $(this).offset().left;
t.text(l);
if(l < 500){
t.text('Badaboom');
}
}
});
关于javascript - 获取可拖动元素的实时位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16605796/