触发拖动手柄的拖动事件

时间:2015-01-12 21:33:15

标签: javascript jquery jquery-ui

鉴于此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)拖动时不会触发? ((句柄)按预期工作)

当我在可拖动方法中删除“handle”选项时,我可以使它工作...

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

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

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

我要做的是触发句柄的拖动事件。

1 个答案:

答案 0 :(得分:-1)

我试图做类似的事情,我发现了这个解决方法

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

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

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