drag-and-drop - Dragula js - 如何创建带有项目订单的可共享链接？

Question

我正在使用 Dragula js 来根据用户个性化对元素进行排序。个性化订单到位后，我想创建一个可共享的订单链接，以便在使用此链接加载页面时，元素以设置的顺序显示。是否可以使用dragula 或者我应该创建一些自定义的东西。对此的任何见解都会有所帮助。提前致谢！

标签： drag-and-dropdragula

Answer 1

这个有可能。我的方法是使用定义顺序的 url。

1. 当物品被丢弃时，更新您的订单。
2. 使用在 url 中有顺序（以某种形式）的 url。

对于 1，dragula 有一个“drop”事件，在该事件中您可以重新计算您的订单。对于其中包含订单的网址，例如，我会向您展示coolors.co。它甚至有一些拖放功能，但我没有特别检查它是否是dragula。

基本上，您重新排序，并获得一个反映这一点的新网址，并且该网址包含您的订单，因此当您共享它时，它会保持您的首选顺序。