2013-03-06 69 views
0

我在我正在处理的网站上设置了拖放功能,而且我遇到了一些问题。使用灯箱拖放问题

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/

+0

你试过'ev.stopPropagation()':info

  • 更多stopPropagation信息? http://api.jquery.com/event.stopPropagation/ – 2013-03-06 14:39:03

  • +0

    不!我怎么能把它添加到我的? – 2013-03-06 17:11:21

    +0

    试图添加'event.stopPropagation();'到功能,但我猜这是不正确的 – 2013-03-07 02:58:03

    回答

    0

    你试过event.stopPropagation()?关于拖曳

    jQuery(function($){ 
        $('.photo').drag(function(event, dd) { 
         event.stopPropagation(); 
    
         $(this).css({ 
          top: dd.offsetY, 
          left: dd.offsetX 
         }); 
        }); 
    }); 
    
    • 更多信息:info
    +0

    这打破了一些东西,并防止加载任何图像。即使没有'event.stopPropagation();'它对功能中的'事件'不起作用。我试图在两种情况下将'事件'切换为'ev',它允许图像显示,但仍然是我原来的问题。 – 2013-03-07 15:51:29

    +0

    另外,当我在边界框位于另一个元素下方的位置释放图像时,灯箱不会弹出。 – 2013-03-07 23:59:10

    +0

    好吧我现在已经有了给定的代码和其他一切工作,但我仍然有最初的问题 – 2013-03-08 01:03:16