javascript - 拖动 anchor 元素时停止 anchor 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 用以下行替换您的代码:- 迈阿密滩