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

您可以为每个 li 用以下行替换您的代码：- 迈阿密海滩