Javascript 单击链接期间停止拖动事件

我已将事件拖到附加的div.image上。

当我将鼠标放在div上时，拖动事件开始。为此，我包括nestable.js插件。我想在单击div的链接时停止div的拖动事件。我正在使用链接中的js和html文件：

---

请给出解决方案，我该如何做。

您需要防止链接元素传播单击事件

例：

---

作者对可嵌套插件有问题。有一些更好的方法可以解决放置在可嵌套容器中的链接单击问题：

$(".dd a").on("mousedown", function(event) { // mousedown prevent nestable click
    event.preventDefault();
    return false;
});

$(".dd a").on("click", function(event) { // click event
    event.preventDefault();
    window.location = $(this).attr("href");
    return false;
});

---

.dd-默认的可嵌套容器类，如果需要更改它，请在单击时忽略处理，将“dd nodrag”类添加到元素。

您可以使用自定义CSS类禁用该类

.disableDrag{
  display: block;
  margin: 5px 0;
  padding: 6px 10px 8px 40px;
  font-size: 15px;
  color: #333333;
  text-decoration: none;
  border: 1px solid #cfcfcf;
  background: #fbfbfb;
}

在要禁用的项目上使用创建的CSS类

工作示例

使用的拖动库是哪一个？实际上，这不起作用。event.stopPropagation（）和/或event.preventDefault（）虽然这个代码片段可以解决这个问题，但它确实有助于提高文章的质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。还请尽量不要用解释性注释挤满您的代码，因为这会降低代码和解释的可读性！哇，这就是我要找的机器人。dd-nodrag课程对我不管用，但这确实管用。谢谢

.disableDrag{
  display: block;
  margin: 5px 0;
  padding: 6px 10px 8px 40px;
  font-size: 15px;
  color: #333333;
  text-decoration: none;
  border: 1px solid #cfcfcf;
  background: #fbfbfb;
}

<li class="dd-item"> <div class="disableDrag"><em class="badge pull-right"></em></div> </li>

<div class="dd-handle">
ID - Title <a href="#" class="dd-nodrag link_min">Link</a>

.link_min{
  position: absolute;
  display: inline-block;
  right: 0px;
  margin-right: 8px;
}