javascript - jQuery UI ポートレットの問題 (入力ボックスをクリックできない)

Question

jQuery UI ポートレット http://jqueryui.com/sortable/#portletsを使用しています

コンテナーの 1 つで、フォームを作成しました。

ポートレットが移動し、すべて正常に機能している間に、フォームの問題が発生しました。

マウスを使用してフォーム フィールド (入力ボックス) をクリックできません。キーボードからタブでデータを入力することはできますが、マウスを使用してクリックすることはできません。

それはある種の既知の問題ですか？

Answer 1

少し遅れましたが、最近この問題に遭遇しましたが、現在の解決策はあまり多くありません..

jQuery UI の Sortable と Draggable は両方とも、次のように渡すことができる「キャンセル」オプションを提供して、ソート可能/ドラッグ可能イベントが指定された要素にバインドされないようにします。たとえば、これにより、ドラッグ可能なポートレットを使用しているときに入力フィールドをクリックできるという問題が修正されます。

$( ".selector" ).sortable({
  cancel: "a, button, #idName, .class-name"
});

http://api.jqueryui.com/sortable/#option-cancel

http://api.jqueryui.com/draggable/#option-cancel

フォーム フィールドを使用してポートレットをドラッグしたい場合は、別のスレッドで言及されているように、これを試すことができます。

$('.draggable input').click(function() {
  $(this).focus();
});