我正在使用pep.js,它允许我自由地拖放一些DIV。
它适用于绝对定位的DIV,因为它增加了“位置:绝对;” as style =“(...)”到DIV,pep.js应用于。
但是当我想要定位DIV的亲戚时,pep.js会将他们的风格改为“:absolute”。
我希望拥有它的方式: https://jsfiddle.net/r7y8g4do/2/
应用pep.js时会发生什么: https://jsfiddle.net/r7y8g4do/
这是我的pep.js电话:
$( ".drag" ).pep({
start: function(e,a) {
a.$el.addClass('color');
a.$el.next(".text").fadeIn("slow");
},
stop: function(e, a) {
a.$el.removeClass('color');
a.$el.next(".text").fadeOut("slow");
}
我试图将.pep函数包装成一个.mousedown函数,让它只在单击DIV时才能工作 - 但我无法完全达到我想要的效果:在这种情况下我需要点击两次才能获得拖动
有人知道如何编写脚本来保持我的相对位置......或者保持它直到pep.js开始工作(onmousedown)?
我查看了github中的文档 - 但是找不到可以帮助我的东西(或者没理解它,我是新手)。
感谢您的帮助!
更新
解决了!看我的JSFiddle: https://jsfiddle.net/r7y8g4do/6/