jQueryUI可拖动&x2B；可排序忽略句柄

我最想知道的是，当组合来自jQueryUI的可拖动和可排序插件时，是否还有其他人遇到过这个问题

如果我只是使用Dragable插件，它将遵循我在设置中指定的

句柄。然而，一旦我在放置目标上设置了Sortable，Draggable似乎就把警告抛到了一边，让你拖动整个元素，完全忽略我指定的句柄

$('.column-one, .column-two, .column-three').sortable({ revert : 150 });

$('.tile').parent().draggable({
    start: function() {},
    stop: function() {},
    handle: '.tile-draggable',
    connectToSortable: '.column-one, .column-two, .column-three'
});

我在这里设置了一个JSFIDLE，这样您就可以看到我在说什么：

注释掉JS的第一行以查看句柄是否正常工作

注意：在设置这个JSFIDLE时，我似乎也遇到了一些奇怪的CSS问题，但是可以忽略这些

你也许可以摆脱其中一个——它们的功能非常相似。如果不是，sortable还有一个句柄选项



$（'.column one、.column two、.column this'）。可排序({
回复：150，
句柄：'.tile draggable'
});
$（'.tile'）.parent（）.draggable({
开始：函数（）{}，
停止：函数（）{}，
句柄：'.tile draggable'，
connectToSortable:“.第1列、.第2列、.第3列”
});
。第一列，
.第二栏，
.第三栏{
显示：内联块；
宽度：320px；
高度：600px；
填充：0 10px；
背景色：#fffbf2；
右边距：10px；
框大小：边框框；
}
.抽象瓦片{
显示：块；
宽度：300px；
背景色：#fff2f6；
}
.瓷砖{
宽度：300px；
边框：实心1px#ccc；
}
.瓷砖面{
背景色：#e3ffec；
文本对齐：居中；
填充：10px；
}
.瓷砖底{
显示：块；
宽度：100%；
高度：100px；
溢出x：隐藏；
溢出y：自动；
}
.瓷砖页脚{
背景色：#e3ffec；
文本对齐：居中；
填充：10px；
}
.tile页脚。左侧{
浮动：左；
}
.tile页脚。对{
浮动：对；
}

标题

项目#1
项目#2
项目#3
项目4
项目#5
项目#6
项目7
项目8
项目9
移动
添加/删除
你完全正确！事实证明我不需要两个：