Php 保存排序顺序并填充排序记录jquery UI Sortable

您好，我正在使用

jqueryui-sortable

对我的div进行排序。我可以将div-order保存在数据库中，这是我的代码

<div style="margin:0 auto !important;">
    <ul id="sortable1" class="connectedSortable">
        <li id="one_1" class="ui-state-default"><div>Item 1</div></li>
        <li id="one_2" class="ui-state-default"><div>Item 2</div></li>
        <li id="one_3" class="ui-state-default"><div>Item 3</div></li>
        <li id="one_4" class="ui-state-default"><div>Item 4</div></li>
        <li id="one_5" class="ui-state-default"><div>Item 5</div></li>
    </ul>

    <ul id="sortable2" class="connectedSortable">
        <li id="two_1" class="ui-state-highlight"><div>Item 1</div></li>
        <li id="two_2" class="ui-state-highlight"><div>Item 2</div></li>
        <li id="two_3" class="ui-state-highlight"><div>Item 3</div></li>
        <li id="two_4" class="ui-state-highlight"><div>Item 4</div></li>
        <li id="two_5" class="ui-state-highlight"><div>Item 5</div></li>
    </ul>
</div>



<script type="text/javascript">
  jQuery(function() {

    var sortable1 = 'one_1,one_2,one_3,one_4,one_5';
    var sortable2 = 'two_1,two_2,two_3,two_4,two_5';

    jQuery( "#sortable1, #sortable2" ).sortable({
        update: function(event, ui) {

            var newOrder = jQuery(this).sortable('toArray').toString();
            if(jQuery(this).attr('id')=="sortable1"){
                sortable1 = newOrder;
            }
            else {
                sortable2 = newOrder;
            }

            console.log(sortable1);
            console.log(sortable2);
        }

    }).disableSelection();
  });
  </script>

第1项
第2项
第3项
第4项
第5项


第1项
第2项
第3项
第4项
第5项

jQuery（函数（）{
var sortable1='one_1，one_2，one_3，one_4，one_5'；
var sortable2='two_1，two_2，two_3，two_4，two_5'；
jQuery（“#可排序1，#可排序2”）.sortable({
更新：功能（事件、用户界面）{
var newOrder=jQuery（this）.sortable（'toArray'）.toString（）；
if（jQuery（this.attr（'id'）==“sortable1”）{
sortable1=新订单；
}
否则{
sortable2=新订单；
}
控制台日志（可排序1）；
控制台日志（可排序2）；
}
}).disableSelection（）；
});

---

我可以将已排序的div顺序正确地保存到DB，但我不知道如何再次填充div以更正顺序。请帮帮我。提前感谢。

与其将排序顺序作为逗号分隔的值保存到数据库中，不如只保存“排序列”，例如

#sortable1

，以便在加载div时将该值传递给js逻辑

例如：

如果将排序列名保存在数据库中，比如说

#sortable1

或

#sortableN

，那么您将得到

    var newOrder = jQuery(this).sortable('toArray').toString();
    if(jQuery(this).attr('id')== "<% $your_php_variable %>"){
        sortable1 = newOrder;
    }
    else {
        sortable2 = newOrder;
    }

var newOrder=jQuery（this）.sortable（'toArray'）.toString（）；
if（jQuery（this）.attr（'id'）==“”）{
sortable1=新订单；
}
否则{
sortable2=新订单；
}

---

我不确定如何将php变量传递到UI，这就是我所说的

。在php代码的某个时刻，您将设置

$your_php_variable='#sortableX'

您需要提供填充div的php代码。如何在DB中保存排序顺序？以逗号分隔的字符串vaue->1,2,3,4,5