jquery - プログラムで「選択解除」jQueryUI選択可能ウィジェット

Question

$("#selectable").selectable()特定のウィジェットに対して選択されたすべての要素をプログラムで「選択解除」する方法はありますか？

Answer 1

次のコマンドはhttp://jqueryui.com/demos/selectable/で機能します

$('#selectable .ui-selected').removeClass('ui-selected')

クラスの存在はアイテムが選択されているかどうかを定義するため、アイテムを削除するだけで選択が解除されます。

また、toggleClass関数とaddClass関数を利用できることに注意してください。

編集：

これも試してみてください：$('#selectable').trigger('unselected')。これにより、すべてのcssの変更もトリガーされる可能性があります。このようにして、選択されていないイベントが、他のイベントにフックされた場合にもトリガーされます。

Answer 2

受け入れられた回答は、視覚的に選択を解除するだけです。選択されていないコールバックはトリガーされません。

これは代わりに使用できます：

$(".ui-selected").each(function(i,e){
  $(".selector").selectable("triggerunselect",e);
});

Answer 3

現在の「選択可能な」インスタンスを破棄して再起動できます。

たとえば、次のようになります。

$("#selectable-area").selectable("destroy");

それから

$("#selectable-area").selectable();