我有我的屏幕分为两个DIV。在左侧DIV我有几个50×50像素DIV,在右侧DIV我有一个由80×80 LIs制成的空网格。左侧的DIV是可拖动的,并且一旦被放置在LI上,它们应该捕捉到该LI的中心。
听起来很简单,对吧?我只是不知道如何做到这一点。我试图通过操纵下降的DIV的顶部和左侧的CSS属性,以匹配那些L1他们被放入,但左侧和顶部的属性是相对于左侧的DIV。
我如何最好将丢弃的元素捕捉到它掉入的元素的中心?这必须简单,对吧?
编辑:我使用jQuery UI 1.7.2与jQuery 1.3.2。
编辑2:对于谁有这个问题,这是我如何修复它:
我使用Keith的解决方案删除拖动的元素,并将其放置在drop -able插件的drop回调中的放置元素:
function gallerySnap(droppedOn,droppedElement) { $(droppedOn).html('<div class="drop_styles">'+$(droppedElement).html()+'</div>' ); $(droppedElement).remove(); }
我没有被drop的元素可以再次拖动,但如果你这样做,只是绑定draggable它。
对我来说,这个方法也解决了定位放置的元素(这将是相对于左DIV)和滚动在第二个DIV内部的问题。 (元素将保持固定在页面上,现在他们滚动)。
我没有玩的选项,使它看起来不错,拖动,所以感谢karim79的建议。
我可能不会赢得任何Awesome Code奖品与这,所以如果你看到改进的余地,请分享!