1. ホーム
  2. jquery

[解決済み] jquery sortable placeholder height problem

2023-01-17 13:45:31

質問

ソート可能なアイテムのプレースホルダーがなぜか10pxほどあります。 私のソート可能な項目はすべて異なる高さを持っています。 移動するアイテムに合わせて各プレースホルダーの高さを変更するにはどうしたらよいでしょうか。

どのように解決するのですか?

私は通常、プレースホルダーの高さをソートされるアイテムの高さに設定するコールバックを、ソートされるアイテムにバインドすることでこれを解決します。 start イベントにバインドすることで解決しています。これはシンプルなソリューションですが、プレースホルダーの表示方法を細かく制御することができます。

$( ".column" ).sortable({
    connectWith: ".column",
    start: function(e, ui){
        ui.placeholder.height(ui.item.height());
    }
});

参照 更新されたテストケース