Question

我有一个可拖动的画布。我需要放置一个包含画布的div之外的处理程序。

这是一个画布代码：

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

Answer 1

有一个选择器handle

类型：选择器或元素
默认值：false
限制排序开始点击指定的元素。

代码示例：
使用指定的handle选项初始化sortable：

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

有关实际示例，请参阅我的JSFiddle。元素只能由我定义和创建的橙色手柄拖动。

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