jQuery sortables

Question

我在jquery中使用sortable函数来对faq列表进行排序.不用说,我是这个概念的新手.任何人都有这方面的后端的任何好例子.我的前端工作正常,但更新数据库中的序列是另一回事.我的后端是ColdFusion btw.

提前致谢

Answer 1

定义常见问题:

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

使faq可排序:

<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 ...

只需解析它并保存到DB