6

我在附加的 div.image 上拖动事件。 在此处输入图像描述

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

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

4

5 回答 5

17

要忽略点击处理,请将“dd-nodrag”类添加到元素。

于 2015-02-25T14:29:19.857 回答
5

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

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

于 2013-12-02T19:11:12.633 回答
2

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

前任:

$('#div').on('click', 'a', function(){
    return false;
})
于 2013-04-26T05:54:37.747 回答
2
<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;
}
于 2016-08-14T23:55:45.890 回答
0

您可以使用自定义 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>
于 2016-08-04T10:54:20.030 回答