javascript - jQueryUISelectables-ドラッグの開始-オブジェクトの外部からの選択

Question

jQuery UISlectablehttp://jqueryui.com/demos/selectable/を使用しています

初期化されたら（そのリンクのデモのように）。ドラッグ選択は、オブジェクトの上でマウスボタンを押し始めた場合にのみ機能します。オブジェクトの外側からドラッグ選択を開始すると、選択が機能しません。

ユーザーがSelectableオブジェクトの外部でドラッグ選択を開始できるようにそれを有効にする方法はありますか？

Answer 1

「選択可能」のマウスイベントリスナーは、それをアタッチしたラッパー要素にバインドされています。それを本体に取り付け、フィルターを提供することで、探しているものが得られます。

jQuery の例に基づく:

$('body').selectable({ filter: '#selectable li' });

*編集: 残念ながら、これが原因で._trigger("stop", event); ページ上の他のイベントを停止します。

あなたの最善の解決策は、selectables のラッパーを大きくすることかもしれません.*

Answer 2

この動作はすでに発生していますが、見えないだけです!

ul.selectablefloatが適切に含まれるように、css を調整するだけliです。

#selectable{
    overflow: hidden;
}