只允许一个可放置区域 jquery 拖放
Only allowing one droppable area jquery drag and drop
我有jquery拖放工作,所以我可以将表中的一行移动到另一行。
演示在这里:http://www.aussiehaulage.com.au/Default.aspx
我使用 jquery-ui-1.8.22 使我的表可拖动/可拖放。
我的JavaScript是:
$(document).ready(function () {
$(".draggable").draggable({
helper: function () { return "<div class='ghost'></div>"; },
start: resizeGhost,
revert: 'invalid'
});
$(".droppable").droppable({
hoverClass: 'active',
drop: function (event, ui) {
var target = $(event.target);
var draggable = ui.draggable;
draggable.insertBefore(target);
},
tolerance: 'touch'
});
});
但是,当我移动该行时,如果鼠标光标位于可放置表上的 2 行之间,则会突出显示两个可放置行。我需要这样做,以便它一次只突出显示 1 个可放置的行..
这可能吗?
在可放置元素中添加一个新选项,使用公差拟合或相交
$(".droppable").droppable({
hoverClass: 'active',
tolerence: 'intersect',
drop: function (event, ui) {
var target = $(event.target);
var draggable = ui.draggable;
draggable.insertBefore(target);
},
tolerance: 'touch'
});
并供您参考:jquery-ui
相关文章:
- 在文本区域中使用jQuery.text()保持换行符
- 不能在图像中的地图标记中使用花式框jquery插件的区域标记
- jquery插件或javascript方法自动调整文本输入(而非文本区域)(固定宽度)可变高度的大小
- 如何使用jQuery对多个文本区域进行字数统计
- 如何在Jquery函数中为自动完成文本区域指定一个变量作为Id
- 文本区域(jQuery)的结果不匹配
- 提交表单时,Javascript(JQuery)不会在文本区域中填充内容
- 文本区域Jquery中的Linkify
- 使用jquery动态加载文本区域
- 使用jquery调整文本区域的高度
- 带文本区域的jQuery SELECT
- 只允许一个可放置区域 jquery 拖放
- 无法检索动态创建的文本区域 jquery 的文本
- 选择文本区域 jquery 中的所有文本
- 从文本区域jquery向上移动up键
- 在动态输入区域jquery中获取post数组以插入批代码点火器
- 验证表单's文本区域-jQuery
- 从文本区域jquery获取文本
- 编辑文本文本区域Jquery
- 附加一个字符限制到每个评论区域jQuery