Question

我在这里有一个jsfiddle - http://jsfiddle.net/X8z6B/1/ - 在容器中有三个可拖动的盒子，我已经可以选择了。我可以围绕其中的两个框拖动一个矩形并选择它们但我无法按住CTRL键单击第三个框并选择它。它似乎是阻碍处理程序，因为如果从框中删除draggable（），它可以正常工作（注释掉jQuery中的第35行）。有谁知道如何使用Ctrl-单击选择第三个可拖动框？

由于

<div id='container'>
    <div id="box1" class="box">1</div>
    <div id="box2" class="box">2</div>
    <div id="box3" class="box">3</div>
</div>

Answer 1

修饰符Ctrl +不是必需的：

$(function () {
    $('.box').draggable();
    $('#container').selectable({});
    $('.box').click(function (){
        $(this).addClass("ui-selected");
    });
});

但是如果修饰键对你的情况很重要：

$(function () {
    $('.box').draggable();
    $('#container').selectable({});
    $('.box').click(function (e){
        if(e.metaKey){// might be ctrlKey, but metaKey is a Mac compatible 
            $(this).addClass("ui-selected");
        }
    });
});

无法将可拖动元素添加到选定的组

1 个答案: