1

我正在使用下面的代码使我网站上的图像可拖动，但我无法选择我希望使用的选择器。虽然使用“.photo”时图像是可拖动的，但它使用的边界框比图像大，我宁愿使用“img”或“.img1”和“.img2”。

此外，自从我开始使用此代码以来，每次我释放图像时都会触发灯箱功能，而不是仅在单击时触发。

jQuery(function($){
    $('.photo').drag(function( ev, dd ){
        $( this ).css({
            top: dd.offsetY,
            left: dd.offsetX
        });
    });
});

这是用于放置在图像中的 HTML

<div class="photo">
<a href="http://www.coreytegeler.com/jb/3/images/full/011.jpg" rel="lightbox"><img class="img1" src="http://www.coreytegeler.com/jb/3/images/011.png"/></a></div>

在此处查看演示：http: //www.coreytegeler.com/jb/3/

我已经使用 Draggable 来实现这种效果，但这导致 Chrome/Safari 中出现了一个我无法解决的奇怪问题，因此我选择了一种新方法。

4

1 回答 1

0

这可能会帮助你

或者

检查 jQuery UI Droppable

http://jqueryui.com/demos/droppable/
于 2013-03-16T06:08:12.577 回答