单击并拖放相同的元素

Question

我有一个带有图像的幻灯片，它通过拖放操作向右/向左移动到下一个图像。

但是当我在图像中放置href以打开灯箱窗口时，我遇到了困难。

在这里你可以看到一个例子：

http://www.digitalpersone.com.br/slide/Example_8.html

当我点击图片时，会显示灯箱，但是当我拖放时，会发生相同的情况。

Answer 1

您使用的是jquery draggable吗？如果是这样，它会在你拖动时添加一个css类'ui-draggable-dragging'。

在click事件中，您可以检查该类是否存在并退出该方法。

$(function(){
    $div = $('#content'); // <div id="content">click me</div>
    $div.draggable();  
    $div.on('click', function(){
        if ($div.hasClass('.ui-draggable-dragging')) {
              return;
        }
        alert('clicked');
  });

})

此处示例：http://jsbin.com/ayoqiw/10/