拖动锚元素时停止锚点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。

您可以使用以下行替换您的代码：                        迈阿密滩