如何将jQuery UI可拖动处理程序放置在被拖动的元素之外？

Question

我有一块可拖拽的画布。我需要在包含画布的div之外的某个地方放置一个处理程序。

这是一个画布代码：

<canvas width="700" height="500" class="ui-draggable" style="width: 450px; top: 257px; left: 200px;"></canvas>

Answer 1

有一个选择器handle

类型:选择器或元素

默认值: false

将排序开始单击限制为指定的元素。

代码示例：

使用指定的句柄选项初始化可排序：

$( ".selector" ).sortable({
    handle: ".handle"
});

请参阅我的以获得一个实际的示例。元素只能由我定义和创建的橙色手柄拖动。

所有使用句柄的jQuery UI方法都是这种情况。