Один и тот же элемент с щелчком мыши и перетаскиванием

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/