jquery-ui - 无法将可拖动元素添加到选定组

Question

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

谢谢

<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");
        }
    });
});