プログラムでは、jQuery UI選択可能なウィジェットを「選択」します

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();