在 PHP 中保存 jQuery UI 可放置元素的顺序

Question

页面示例 - https://jsfiddle.net/7b8bqzsh/

我在前端工作得很好，我已经阅读了 jQuery UI 文档，其中详细介绍了如何通过 ajax 保存订单 - 但我希望在单击我的“保存”按钮时保存订单表单，将订单与订单 Wordpress 设置一起存储，并将我的表单操作设置为“options.php”。

这怎么可能？

$(".social-msl-link-label").draggable({
  connectToSortable: ".social-msl-group-list",
  revert: "invalid",
  helper: "clone"
});

$(".social-msl-links-order li").droppable({
  accept: ".social-msl-link-label",
  tolerance: 'pointer',
  greedy: true,
  hoverClass: 'highlight',
  drop: function(ev, ui) {
$(ui.draggable).clone(true).detach().css({
  position: 'relative',
  top: 'auto',
  left: 'auto'
}).appendTo(this);

$(this).siblings().filter(function() {
  return $(this).text().trim() === $(ui.draggable).text().trim();
    }).empty();
  }
 });


<form method="post" action="options.php">

    <input type="submit" class="button-primary" value="Save Changes" />

</form>

Answer 1

我认为您要做的就是在某个隐藏字段中简单地记录订单，而不是在服务器端处理订单...

您可以借助How to pass sortable order to hidden field in jQuery? 将订单存储到隐藏字段中

并且在服务器端的保存操作中，您可以简单地使用explode 函数并以数组格式获取订单，或者您可以根据您的要求对其进行处理。