アンカー要素がドラッグされているときにアンカーhrefナビゲーションを停止しますか？

Question

私は以下を持っています：http://jsfiddle.net/15md3dLz/8/

好き嫌いがあるときにアニメーション/イベントをライブラリーに活用します。

マークアップは次のようになります。

<div id="tinderslide"> 
    <ul> 
    <li class="pane1"> 
     <a href="www.google.com"> 
     <div class="img"></div> 
     <div>Miami Beach</div> 
     <div class="like"></div> 
     <div class="dislike"></div> 
     </a> 
    </li> 
    <li class="pane2"> 
     <a href="www.google.com"> 
     <div class="img"></div> 
     <div>Miami Beach</div> 
     <div class="like"></div> 
     <div class="dislike"></div> 
     </a> 
    </li> 
    <li class="pane3"> 
     <a href="www.google.com"> 
     <div class="img"></div> 
     <div>Miami Beach</div> 
     <div class="like"></div> 
     <div class="dislike"></div> 
     </a> 
    </li> 
    <li class="pane4"> 
     <a href="www.google.com"> 
     <div class="img"></div> 
     <div>Miami Beach</div> 
     <div class="like"></div> 
     <div class="dislike"></div> 
     </a> 
    </li> 
    <li class="pane5"> 
     <a href="www.google.com"> 
     <div class="img"></div> 
     <div>Miami Beach</div> 
     <div class="like"></div> 
     <div class="dislike"></div> 
     </a> 
    </li> 
    </ul> 
</div> 

私の問題は、私はどちらかのような、嫌いにクリックを解放する、またはカードをドロップすると、リンクがナビゲートされていることです。私はこれを防止し、リンクがクリック/タップでのみ動作するようにしたいのですが、ドラッグしないでください。

Answer 1

event.preventDefault（）メソッドを使用してイベントのバブリングを停止します。

あなたは、各リチウムについては、以下の行を使用してコードを置き換えることができます： - ： ``

Miami Beach

マイアミビーチ