我在附加的 div.image 上拖动事件。
当我将鼠标放在 div 上时,拖动事件开始。为此,我包括 nestable.js 插件。我想在单击 div 的链接期间停止 div 的拖动事件。我正在使用链接中的 js 和 html 文件:Nestable
请给出解决方案,我该怎么做。
我在附加的 div.image 上拖动事件。
当我将鼠标放在 div 上时,拖动事件开始。为此,我包括 nestable.js 插件。我想在单击 div 的链接期间停止 div 的拖动事件。我正在使用链接中的 js 和 html 文件:Nestable
请给出解决方案,我该怎么做。
要忽略点击处理,请将“dd-nodrag”类添加到元素。
作者有可嵌套插件的问题。有一些更好的方法可以解决放置在可嵌套容器中的链接点击问题:
$(".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 - 默认的可嵌套容器类,如果需要,可以更改它
您需要防止从链接元素传播点击事件
前任:
$('#div').on('click', 'a', function(){
return false;
})
<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;
}
您可以使用自定义 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>