jquery - クリックアンドドラッグアンドドロップで同じ要素

Question

ドラッグアンドドロップで次の画像に右/左に移動する画像のスライドショーがあります。

しかし、ライトボックスウィンドウを開くために画像にhrefを入れると、問題が発生します。

ここに例を見ることができます：

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

画像をクリックするとライトボックスが表示されますが、ドラッグアンドドロップすると同じことが起こります。

Answer 1

ドラッグ可能なjqueryを使用していますか？その場合、ドラッグするとcssクラス「ui-draggable-dragging」が追加されます。

クリックイベント内で、そのクラスが存在するかどうかを確認し、メソッドを終了できます。

$(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/