【问题标题】:jQuery UI Multiple Tab Containers with Sortables带有可排序的 jQuery UI 多选项卡容器
【发布时间】:2013-04-09 14:27:03
【问题描述】:
我很难用 jQuery 完成一些事情。我有多个标签容器。在每个选项卡容器内,有多个选项卡。在每个选项卡中,都有一个可排序的。 sortables 包含portlet。我试图将这些portlet 从一个选项卡容器的一个选项卡中的一个可排序的一个选项卡拖动到另一个选项卡容器的另一个选项卡中的另一个可排序的。困惑?
这是一个 jsFiddle,它显示了我要完成的工作:http://jsfiddle.net/ZLGWF/
<snip>
问题是,有时我拖动到的可排序对象在我将其拖动到可排序对象的一半之前无法识别该 Portlet。有时它根本无法识别它。
知道我做错了什么吗?
谢谢
【问题讨论】:
标签:
jquery
tabs
sortables
【解决方案1】:
来自文档:
容差 默认:“相交”
指定使用哪种模式来测试正在移动的项目是否悬停在另一个项目上。可能的值:
- “intersect”:该项目与另一个项目重叠至少 50%。
- “指针”:鼠标指针与其他项目重叠。
因此,您描述的“问题”是 jQuery 可排序的默认行为。您已将选项“tolerance”设置为“touch”,这实际上是无效的,导致插件使用默认的“intersect”。
我已经测试了你的小提琴并且无法重现拖动的可排序有时根本无法识别。
【讨论】:
-
抱歉,我忘了说我已经测试了各种容差,包括可排序的和可放置的。我已经更新了 jsFiddle 以在所有可排序对象上使用“指针”的容差。现在,尝试将问题从“Closed Issues”拖到“Pending Issues”。在光标几乎位于包含选项卡的右边缘之前,它不会识别问题(或者至少不显示占位符)。 jsfiddle.net/ZLGWF/3
-