Jquery 可排序/使用可排序进行序列化并连接

Question

嘿，我对 jquery 和 ajax 非常陌生，我正在寻找一些关于如何正确执行此操作的建议。

我有一个 div，我正在使用它来排序，这样我就可以根据需要安排事情。它看起来像:

$('#resource-detail-content).sortable({

然后在我的 ajax 数据中我有类似的内容:

data: $('#resource-detail-content').sortable('serialize'),

效果很好，但分解数据是有意义的，我将 div 分成两个单独的 div，并使用 connectWith 允许在两者之间拖动内容:

$('#resource-detail-content,#resource-detail-content2').sortable({
  connectWith: '#resource-detail-content,#resource-detail-content2',

我现在想弄清楚的是如何在我的ajax put中发送两个div的数据。我尝试了显而易见的方法:

data: $('#resource-detail-content, #resource-detail-content2').sortable('serialize'),

但运气不佳。我非常感谢任何帮助。

干杯，肖恩

Answer 1

首先你应该使用类而不是ID，这样会更灵活。

我认为问题来自于你有2个对象，数据内容在每次调用后都会被覆盖。

您应该使用一个函数，如下所示:

    data : getContent(),

    function getContent() {
        var data = "";

        $(".resource-detail-content").each(function(){
        if (data == "")    
           data += $(this).serialize();
        else 
           data += "&" + $(this).serialize();

        });
       return data;
    }