为了使这更加简化,我将使用一个示例,因为我可以将示例实现到我的实时网站。
假设我有一个包含5个项目的列表。 (我的网站上的列表有点复杂,但我应该没有问题到我的网站实现。)
<ol>
<li>Apples</li>
<li>Peaches</li>
<li>Oranges</li>
<li>Lemons</li>
<li>Strawberries</li>
</ol>
现在,出于某种原因,用户希望草莓位于列表的顶部(#1),而Peaches(#2)则位于列表的底部(#5)。 (需要注意的重要事项:在实际站点上,用户将登录并保存他们的首选项,以便当他们重新登录这些列表项时,将按照他们的首选顺序。他们之前手动将它们排序的顺序。我将解决在此之后的另一个问题中。)
如何使访问者可以将列表项拖放到特定顺序中或重新排列列表。 (如果有一种方法可以让你觉得效率更高,那就不是拖放了。)
以下是以下链接中类似内容的示例。
在这个网格中,他们可以拖放框。我想以列表格式做同样的事情。这些项目将像普通列表一样在另一个上面。
答案 0 :(得分:2)
查看http://jqueryui.com/sortable/
您可以将所选订单导出到json,将其保存到您想要的位置(数据库),并在用户返回时加载它,这样订单就是用户想要的订单。