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

Question

这是交易:

我试图让颜色选择器的行为与 Photoshop 中的非常相似，因此我有一个颜色选择器的背景图像(类似彩虹的图像 200x200 像素)和其中的圆形触发器。

所以，如果我将一个可拖动的 UI 附加到一个圆圈上:

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

效果很好。但这是另一个问题..我希望当我单击圆圈的父 block (即颜色选择器图像)时开始拖动。

这是 HTML 标记:

<div class='rainbow-color-picker' id='rainbow-color-picker'><div class='inner1'><div class='inner2'>
 <div class='circle'><div class='circle-inner'></div></div>
</div></div></div>

因此，当我单击 .inner2 时，我希望 .circle 开始拖动。

我已经尝试过

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

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

谢谢

Answer 1

就是这样，刚想出来。

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

这是我的票:

Can click on jquery draggable parent start drag?