0

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

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

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

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

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

编辑 这是用于每个图像的 HTML（'.img1' 也可以是图像上的 '.img2'）

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

1 回答 1

0

尝试将拖动行为应用到您想成为选择器的项目，然后使用该功能移动图像。

您可能会在每次拖动时触发灯箱，因为它正在记录 mousedown/mouseup 事件序列，并且由于您有自定义拖动事件，因此拖动的标准覆盖被禁用。

于 2013-03-14T13:52:17.187 回答