我正在使用以下代码使我网站上的图片可拖动，但我无法选择我想要使用的选择器。虽然使用'.photo'时图像可以拖动，但它使用的边界框比图像尺寸大，我宁愿使用'img'或'.img1'＆amp; ” .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中的一个奇怪问题，因此我选择了一种新方法。