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

Question

我在附加的div.image上有拖动事件。

当我在div上鼠标按下拖动事件start.for这包括nestable.js插件。我想在点击链接div时停止div的事件。我正在使用来自链接的js和html文件：{{ 3}}

请给出解决方案，我该怎么做。

Answer 1

要忽略点击处理，请添加＆＃34; dd-nodrag＆＃34; class to element。

Answer 2

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

$(".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 - 默认的可嵌套容器类，如果需要，可以更改它

Answer 3

您需要阻止来自链接元素

的点击事件的传播

例如：

$('#div').on('click', 'a', function(){
    return false;
})

Answer 4

<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;
}

Answer 5

您可以使用自定义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类。

工作示例 JSFiddle

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