Question

我正在我的一个Wordpress元数据框中实现与this类似的东西。用户应该能够添加和删除jquery-ui可排序元素，并记住元素的位置（顺序）存在。

我已经知道如何通过拖放操作元素时记住位置（顺序）。

1,2,3,5,4

这将输出一个包含类似jQuery(document).ready(function () {; var wrapperSize = jQuery("#element-area-top").width(); (function () { jQuery(".add-element").on("click", ".add-item", function () { var start = jQuery("#sortable"), selectBoxVal = jQuery("#element-list").val(); var element = null; element = ('<li></li>'); var newRow = jQuery(element); jQuery(start).append(newRow); jQuery("#elements-order").val(jQuery('#elements-order').val() + i+','); }); })();的顺序的数组但是，当添加新元素或删除元素时，如何运行此代码以记住新元素的顺序。

这是我用来添加元素的代码

jQuery("#sortable").on("click", ".delete", function () {
    jQuery(this).parents(/*someelement*/).remove();
});

这是我用来删除元素的代码

{{1}}

那么，有谁知道怎么做？

Answer 1

您也可以在添加/删除功能中获得具有相同逻辑的排序顺序（只需将其替换为'#ul'）。

var data = jQuery('#ul').sortable('toArray');
jQuery("#elements-order").val(data);

甚至更好，将上面的代码放在一个公共函数中，然后调用常用函数。这里更新了fiddle，证明了这一点。

添加或删除jQuery可排序元素并记住顺序

1 个答案: