javascript - 在 jQuery UI 中触发鼠标拖动

Question

使用 jQuery 1.2.x 和 jQuery UI 1.5.x，可以像这样触发手动拖动:

jQuery("#myDiv").mousedown(function(ev) {
target = jQuery(ev.target);
if (target.hasClass("drag-me")) {
    target.draggable({
        helper: "clone",
        start: function()
        {
            console.log("drag start");
        },
        stop: function()
        {
            jQuery(this).draggable("destroy");
        }
    }).trigger("mousedown.draggable", [ev]);
} });

它应用于以下 HTML:

<div id="myDiv">
<div class="drag-me"></div>
<div class="drag-me"></div>
<div class="drag-me"></div>
<div class="drag-me"></div>
<div class="drag-me"></div>
<div class="drag-me"></div>
<div class="drag-me"></div>
</div>

这是一种将拖动应用于其子元素动态更改的容器内元素的简便方法。我喜欢称之为“拖放代表团”。

但是随着 jQuery 1.3.x 和 jQuery 1.6+ 的发布，上面的脚本停止工作了。使用 jQuery 1.3.2 和 jQuery UI 1.7.1 返回错误“太多递归”。

如何手动触发拖动？有什么建议吗？

Answer 1

上面的答案似乎过于复杂。

$('.nonDraggableObjectWhichTriggersDrag').mousedown(function(e) {
   $('.draggableObject').trigger(e);
});