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;
    }