跨越两个手风琴的 Jquery Sortable 元素

如何解决跨越两个手风琴的 Jquery Sortable 元素

我正在使用代码使手风琴的元素可排序。但是，我希望元素可以跨两个手风琴进行排序，但这似乎不可能通过它的编码方式进行。有人能指出我正确的方向吗？

<script>
var stop = false;
$("#accordion h3").click(function(event) {
    if (stop) {
        event.stopImmediatePropagation();
        event.preventDefault();
        stop = false;
    }
});
$("#accordion").accordion({
    header: "> div > h3"
    })
    .sortable({
    axis: "y",handle: "h3",stop: function() {
        stop = true;
    }
});

var stop = false;
$("#accordion2 h3").click(function(event) {
    if (stop) {
        event.stopImmediatePropagation();
        event.preventDefault();
        stop = false;
    }
});
$("#accordion2").accordion({
    header: "> div > h3"
    })
    .sortable({
    axis: "y",stop: function() {
        stop = true;
    }
});

</script>

解决方法

我找到了解决方案：

<script>
$(function () {
        $("#accordion,#accordion2").sortable({
                connectWith: "#accordion,#accordion2",start: function (event,ui) {
                        ui.item.toggleClass("highlight");
                },stop: function (event,ui) {
                        ui.item.toggleClass("highlight");
                }
        });
        $("#accordion,#accordion2").disableSelection();
});
</script>

我现在的问题是该元素仍然认为它在另一个手风琴中，所以，如果我将一个元素从“accordion”移动到“accordion2”，折叠它，然后尝试从“accordion”折叠另一个元素，它关闭我们移动的元素。

我的猜测是，代码方面，我移动的元素仍然在“手风琴”下并且表现得如此。我该如何解决这个问题？