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

Question

我在前端工作得很好，我已经阅读了 jQuery UI 文档，其中详细介绍了如何通过 ajax 保存订单 - 但我希望在单击我的表单中的 "Save" 按钮时保存订单，将订单与订单 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

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

您可以借助将订单存储到隐藏字段中

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

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

Saving jQuery UI droppable order of elements in PHP

php

wordpress

jquery

jquery-ui

droppable