相对定位DIV的pep.js

时间:2016-08-04 09:38:09

标签: javascript jquery css drag-and-drop

我正在使用pep.js,它允许我自由地拖放一些DIV。

http://pep.briangonzalez.org/

它适用于绝对定位的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/

0 个答案:

没有答案