觸發可拖動手柄的拖動事件

Question

鑒於此html ...

<div class="item">
    <span class="handle">(handle)</span>
    <span> Drag using the "(handle)"</span>
</div><br/>
<div class="handle2">(handle2)</div>

...還有這個jQuery ...

$('.item').draggable({helper:'clone', handle:'.handle'});

$('.handle2').mousedown(function(e){
    $('.handle').trigger(e);
});

http://jsfiddle.net/2wLsvsw5/

...為什么使用（handle2）拖動時，拖動事件不觸發？ （（句柄）按預期工作）

當我刪除可拖動方法中的“處理”選項時，我可以使其工作...

$('.item').draggable({helper:'clone'});

$('.handle2').mousedown(function(e){
    $('.handle').trigger(e);
});

http://jsfiddle.net/2wLsvsw5/1/

我想做的是觸發手柄的拖動事件。

Answer 1

我試圖做類似的事情，但我發現了這種解決方法

$('.item').draggable({
    helper: 'clone'
});

$('.handle2').mousedown(function (event) {
    handle = $(".item").children(".handle");
    handle.trigger(event);
});

http://jsfiddle.net/zksu352w/1/