與點擊和拖放相同的元素

Question

我有一個幻燈片與圖像，它通過拖放右/左到下一個圖像。

但是，當我在圖像中放置href以打開lightbox窗口時遇到了困難。

在這裏你可以看到一個例子：

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

當我在圖像中單擊，燈箱顯示，但是當我拖放，同樣的情況。

Answer 1

你使用的是jQuery的可拖動嗎？如果是這樣，當你拖動時，它會添加一個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/