【问题标题】:Dragula js - How to create a shareable link with items order?Dragula js - 如何创建带有项目订单的可共享链接?
【发布时间】:2021-10-20 22:45:40
【问题描述】:

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

【问题讨论】:

    标签: drag-and-drop dragula


    【解决方案1】:

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

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

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

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

    【讨论】:

      猜你喜欢
      • 2021-02-15
      • 2017-11-09
      • 1970-01-01
      • 2019-03-26
      • 1970-01-01
      • 2020-01-06
      • 2014-08-09
      • 2012-04-09
      • 2010-11-03
      相关资源
      最近更新 更多