jquery在点击另一个时开始拖动对象

这是交易：

我正在尝试制作一个类似Photoshop的颜色选择器，所以我有一个颜色选择器的背景图像（彩虹般的图像200×200像素）和它内部的圆形触发器。

所以，如果我将可拖动的UI附加到圆圈：

$('#rainbow-color-picker .circle').draggable({containment: 'parent'}); 

效果很好。 但这是另一个问题..当我点击圆的父块（即颜色选择器图像）时，我希望拖动开始。

这是HTML标记：

所以当我点击.inner2时，我想要.circle开始拖动。

我试过了

 $("#rainbow-color-picker .inner2").bind( "mousedown", function(event) { $("#rainbow-color-picker .circle").trigger('dragstart'); }); 

但这不起作用:(有没有人碰巧遇到这个问题？

谢谢

Answer 1

在这里，只是想通了。

$("#rainbow-color-picker .circle").trigger( event );

这是我的机票：

可以点击jquery draggable parent开始拖动吗？

Answer 2

这只是一个草案，随时可以尝试。 包含谷歌jQuery和用于快速草稿的UI。 顺便说一句，从事件中获取位置应足以将其转换为颜色。

快乐编码:)