jQuery 可排序

Question

我正在使用 jquery 中的可排序函数对常见问题解答列表进行排序。不用说，我对这个概念很陌生。任何人都有任何关于后端的好例子。我的前端工作正常，但更新数据库中的序列是另一回事。顺便说一句，我的后端是 ColdFusion。

提前致谢

Answer 1

定义常见问题解答:

<div id="faq">
  <div id="q1">...</div>
  <div id="q2">...</div>
  (...)
  <div id="q100">..</div>
</div>

使常见问题解答可排序:

<script type="text/javascript">
  $("#faq").sortable();
</script>

提交表单:

<form action="..." id="faq_form">
  <input type="hidden" name="faqs" id="faqs" />
  ...
</form>

将排序序列添加到表单

<script type="text/javascript>
  $("#faq_form").submit(function() {
    $("#faqs").val($("#faq").sortable('toArray'))
  })
</script>

提交表单后，“faqs”字段将包含来自 #faq 的逗号分隔 ID，如下所示:q1,q3,q10,q11,q2,q100...

只需解析它并保存到数据库