jQuery UI Selectable – 单击某个元素时不要取消选择字段

我目前正在构建一个使用jQuery UI Selectable的文档编辑器。 在编辑器中，您可以添加多个可拖动字段。 如果选择了一个或多个字段，则会出现顶部的选项菜单，其中显示了一些可单击的选项（例如粗体，斜体等）。 问题是，单击此菜单时，将自动取消选择所有字段。

有没有人知道如何prvenet这个？

这是我的基本实现：

$("section.window").selectable({filter: "li.draggable"}); 

谢谢！

Answer 1

您应该在ul元素上设置selectable而不在容器元素上设置：

 $( "#selezionabile" ).selectable({ selected: function( e, ui ) { if ($( ui.selected ).hasClass( "ui-state-highlight" )) { $( ui.selected ).removeClass( "ui-state-highlight" ); } else { $( ui.selected ).addClass( "ui-state-highlight" ); } }, unselected: function( e, ui ) { $( ui.unselected ).removeClass( "ui-state-highlight" ); } }); 

 ul {margin: 0; padding: 0; list-style-type: none; width: 50%;} ul li {padding: 0.4em; margin: 2em; cursor: pointer; font-size: 0.8em;} 

    
 NO DESELECT 
 
Elemento 1
 
Elemento 2
 
Elemento 3
 
Elemento 4
 
Elemento 5
 
Elemento 6
 
Elemento 7