javascript - 拖放功能不允许所需的选择器

Question

我使用下面的代码使我的网站上的图像可拖动，但我无法选择我想要使用的选择器。虽然使用“.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 中出现一个我无法解决的奇怪问题，因此我选择了一种新方法。

Answer 1

This可能对你有帮助

或者

检查 jQuery UI 可放置

http://jqueryui.com/demos/droppable/