javascript - 灯箱的拖放问题

Question

我在正在处理的网站上设置了拖放功能，但遇到了一些问题。

1）当我从拖动中释放一个对象时，它会触发灯箱链接，我如何阻止这个功能发生，除非它只是一个坚实的点击。

2) 在下面的代码中，我定义了可以拖动哪些元素，唯一可行的类是“.photo”，在我的网站上它是一个超大框（用于布局目的），不是我需要的可接受选项。用于图像的类（'.img1' '.img2'）似乎不起作用，即使我围绕图像构建 .div 它也不适用于该类。

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

});

关于如何解决这些问题的任何想法？

http://www.coreytegeler.com/jb/3/

Answer 1

你试过了event.stopPropagation()吗？

jQuery(function($){
    $('.photo').drag(function( event, dd ) {
        event.stopPropagation();

        $( this ).css({
            top: dd.offsetY,
            left: dd.offsetX
        });
    });
}); 

• 有关拖动的更多信息：info
• 关于 stopPropagation 的更多信息：info