當錨元素被拖動時停止錨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（）方法停止事件冒泡.example。

你可以用以下線的每個李替換代碼： - 邁阿密海灘