問題タブ [jquery-nestable]

https://github.com/RamonSmit/Nestable2

ネスト可能なリストを作成するためにネスト可能な jquery を使用しています。初期化してからドキュメントに従って、各 dd-item 要素に dd-nodrag を適用して読み取り専用にしようとしています。ただし、ドラッグ可能なままです。

Nestable.js で作成された、サブカテゴリを含むカテゴリ リストがあります。そのため、簡単にドロップして新しい場所にドラッグできます。そのため、カテゴリのサブカテゴリを簡単に作成でき、その逆も同様です。しかし、カテゴリ フィールドを変更した後、必要に応じて子/親カテゴリの赤いボタンを削除または追加したいだけです。

たとえば、下の図を見てください。フィールド "Gamma" を "Hubo" の子にしたい場合はどうすればよいですか? その場合、Gamma は赤いボタンを取得し、"Hubo" の赤いボタンを削除する必要があります。

これは私がこれまでに持っているコードですが、機能しません...

// コントローラー内

アイテムをドラッグするのに問題があります。アイテムがアイテムルートの下にある場合にのみ、ドラッグアンドドロップできます。

アイテムを自由にドラッグしたい、たとえばドラッグしたい 4 つの最後のアイテムをドラッグして、最初の場所、一番上に置きます。

できることとできないことの例

以下は、Laravel Livewire アプリで実行される jquery コードです。

以下は、Laravel Livewire アプリで実行される jquery コードです。