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

Posted 2023-05-09

【中文标题】Dragula js - 如何创建带有项目订单的可共享链接？

【英文标题】：Dragula js - How to create a shareable link with items order?

【发布时间】：2021-10-20 22:45:40

【问题描述】：

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

【参考方案1】：

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

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

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

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