2

jQueryUI のソート機能の使用に問題があります。

    <div class="sortable">
        <div class="ui-state-default">
            <h4></h4>
            <input type="text" />
            <button></button>
        </div>
        ...more <div>
    </div>

私の目標は、div全体をソートできるようにすることではなく、入力要素のみをソートできるようにすることです。それは可能ですか？

私はすでにいくつかのことを試しましたが、何もうまくいきませんでした...

$(".sortable").sortable({ items: "> input" });
$(".sortable").sortable({ items: "> input[type=text]" });
$(".sortable").sortable({ items: "> div > input" });
$(".sortable").sortable("option", 'items', 'div > input');

私はすでに解決策を探しましたが、この同様の質問以外は何も見つかりませんでしたが、.cancel() 関数が解決策になるとは思いません。

何か助けはありますか？

4

1 に答える 1

0

発生している問題は、入力ボックス自体をドラッグ可能なハンドルとして作成できないことです。入力をスパンまたは div でラップし、代わりに{ items: }タグで使用する必要があります。入力ボックス自体を選択することはまだできないため、操作をより直感的にするために、ドラッグ用の div 内のハンドルを使用することを強くお勧めします。

または、入力の上にハンドルとして非表示の div を追加することもできますが{ position: absolute; width: 100%; height:100% }、クリックすると入力ではなくその div にヒットするため、入力が編集できなくなります。

于 2013-02-16T22:04:25.833 に答える