jQuery Selectable - 通过单击取消选择单个元素 - 这可能吗？

Question

我希望能够通过单击或使用套索来取消选择选定的项目，就像在 Photoshop 中一样，我按下另一个键来“取消选择”现有选择的部分。

这可能吗？

据我了解“jQuery UI 可选择”。只需“单击”（无论是否按住 CTRL）即可添加多个，然后是快速套索。

我试图看看如何通过再次单击来取消选择整个选择的一个或两个元素。

例如，您拖动套索并获得 30 个元素，但发现 1 不需要成为此选择的一部分。单击它并取消选择它。

因此，某些东西会对现有选择做出反应并删除所选元素。

或者使用套索，您可以进行套索选择。获取 30 个元素。然后，您绘制一个新的套索，这次从已选择的元素开始，现在它默认取消选择，标记组的其余部分也是如此。

我相信这应该是 jQueryUI 的可定制行为（如果有的话）。

但是，“单一取消选择”是否可以通过简单的 jQuery hack 实现，还是需要大量代码？

Answer 1

看来我可以并且需要修改 Selectable 来自己完成此操作。

我发现了尼古拉斯·鲁达斯（？）的这个例子： http://nicolas.rudas.info/jquery /selectables_sortables/

$(function() {
        $("#selectable")
            .selectable({
                autoRefresh: false,
                stop: function(e,ui){
                    $(this).selectable( 'refresh');
                },
                noConflict : false
            })
            .sortable({
                opacity:'0.5',
                cursor: 'move',
                zIndex: 5,
                helper : 'clone',
                forcePlaceholderSize : true,
                stop : function(){
                    $("#selectable").selectable( 'refresh');
                }
            })


        $('#noConflict').toggle(function() {
            $(this).text('Disable \'noCoflict\'');
            $("#selectable").selectable('option','noConflict',true).selectable( 'refresh');
        },
        function() {
            $(this).text('Enable \'noCoflict\'');
            $("#selectable").selectable('option','noConflict',false).selectable( 'refresh');


        });

    });

他展示了他如何启用我们正在寻找的功能。他还描述了他也解决的一些问题。我现在将亲自更彻底地研究他的代码。

因此，我结束这个问题。