如何在行类中进行div排序？

Question

基本上我有一个容器，我希望能够对其中的所有div进行排序：

<div class="container">
    <div id ="sortable" class="row ui-sortable">
    <div class="boxEncar">
        <div class="col-md-4">
            <?php zone_print("middle1") ; ?>
        </div>
        <div class="col-md-4">
            <?php zone_print("middle2") ; ?>
        </div>
        <div class="col-md-4">
            <?php zone_print("middle3") ; ?>
        </div>
    </div>
    </div>
</div>

以下是我对sortable课程的致电：

jQuery(document).ready(function() {
    jQuery('#sortable').sortable();
}); 

这里的问题是整个container可以排序，而我只需要col-md-4！我能用这种方式做到吗？谢谢。

Answer 1

尝试使用：

jQuery('#sortable').find('.col-md-4').sortable();

而不是：

jQuery('#sortable').sortable();

Answer 2

您必须选择可排序项目的父级！

jQuery('#sortable > .boxEncar').sortable();