拖拽容器（幻燈片）後阻止點擊事件

Question

我有一個可拖動的容器中充滿了一排圖像。 每當我拖動容器時，會出現點擊事件，打開其中一個鏈接。禁用此功能會很好。

在拖動事件之後，有很多關於stackoverflow adressing click的問題。 但他們似乎沒有工作，我猜測，因爲在這種情況下，多個鏈接被拖在一起在一個容器。

JQUERY到目前爲止

var cancelFollow = false; 

$(function(){ 

    $(".my-gallery").click(function(){ 
    e.stopPropagation(); 
    if (cancelFollow) 
    { 
     cancelFollow = false; 
     return false; 
    } 
    return true; 
    }); 

    $(".my-gallery").draggable({ 
    axis: "x", 

    start: function(e, ui){}, 

    stop: function(e, ui){ 
     cancelFollow = true; 
    } 
    }); 
}); 

HTML

<div class="my-gallery">  
     <a href="img/slideshow1a.jpg"> 
      <img src="img/slideshow1a.jpg"/> 
     </a> 

     <a href="img/slideshow1b.jpg"> 
      <img src="img/slideshow1b.jpg"/> 
     </a>  
</div> 

任何幫助，不勝感激！

Answer 1

您可以在需要時使用解除綁定功能。 jquery unbind 不知道，但是否可以使用類似：

html changed like -> 

<div class="my-gallery">  
    <a data-link="img/slideshow1a.jpg" href='javascript:void(0)'> 
     <img src="img/slideshow1a.jpg"/> 
    </a> 

    <a data-link="img/slideshow1b.jpg" href='javascript:void(0)'> 
     <img src="img/slideshow1b.jpg"/> 
    </a>  
</div> 

js part -> 
function thingsToDoOnclick(){ 
    window.location.href = $(this).data('link') 
} 

$(".my-gallery").draggable({ 
    axis: "x", 

    start: function(e, ui){$(ui.helper).unbind('click', thingsToDoOnclick)}, 

    stop: function(e, ui){$(ui.helper).bind('click', thingsToDoOnclick)} 
});