jQuery拖拽效果与单击冲突2014-10-19 12:36:20

( 还没有投票,继续加油! )
分享:
31.3K

当想拖拽div时,可能会与单击事件相冲突,这时候应该如此处理


$('.your-div').draggable({
scroll: false,
start:function(){
$startpos = $(this).position();$(this).css({'transition':'0','-webkit-transition':'0'});},
stop:function(){
$position = $(this).position();
if($position.left > $startpos.left)
{
$(this).animate({'left':'0'});
}else{
$(this).animate({'left':'-52%'});
}
$(this).css({'transition':'youramounts','-webkit-transition':'youramounts'});
},
axis:'x'
});

包含了transition:0因为有两个事件触发动作,如果你的元素无"transition" ,不用添加





头像

snowcoal
  • jQuery
  • 拖拽效果

本文标签:

jQuery拖拽效果

收藏到我的私密空间

标题:jQuery拖拽效果与单击冲突

作者:柳岸花明

你暂未登录,请登录后才可收藏至您的私密空间 确认取消
雪炭网

键盘操作 更便捷 -雪炭网雪中送炭-乐趣无限

如果本站的内容有幸帮助到了您,建议您了解一下当页的广告内容哦,我们的进步离不开您的支持,Thank you~