Question

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

Answer 1

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

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

拖动功能将不允许所需的选择器

1 个答案: