jquery - 单击并拖放相同的元素

Question

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

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

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

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

当我在图像中单击时，会显示灯箱，但是当我拖放时，也会发生同样的情况。

Answer 1

Are you using the jquery draggable? if so, it adds a css class 'ui-draggable-dragging' when you drag.

Inside the click event, you can then check if that class exist and exit the method.

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

})

Example here: http://jsbin.com/ayoqiw/10/