Question

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

Answer 1

This可以帮助您

OR

检查jQuery UI Droppable

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

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

1 个答案: