activeClass droppable的選項等效於可排序的[jQueryUI]

Question

在可拖放組合中：

如果指定了activeClass: "ui-state-hover",選項activeClass: "ui-state-hover",則在拖動元素時activeClass: "ui-state-hover",在droppable部分中，所有可用的droppable元素都會更改其背景色，並且當該元素以任何這些背景色被放置時，它們的background-color返回其初始位置。

使用sortable如何實現？ 據我所知， activeClass不存在可排序的。 因此，當我開始對元素進行拖動排序時，同一類的其他元素應更改背景顏色，以顯示應將其放置在何處。

有什么想法嗎？謝謝

Answer 1

經過研究，我終於想到了解決方案

使用可排序的 start和stop事件，我解決了我的任務

 $("#reportTable").sortable({

        items: 'tr',
        revert: true,
        helper: _$helperValue,
        placeholder: "placeholder",
        containment:"#reportTable",
        start: function (event, ui) {
            cls = ui.helper.attr("class");
            $('tr[class*="' + cls + '"]').addClass('placeholder');
        },
        stop: function (event, ui) {
            $('tr[class*="' + cls + '"]').removeClass('placeholder');
        }

    }).disableSelection();

在我的css文件中創建一個我更改background-color之后，然后每次啟動事件被觸發時，我都會存儲被抓取的元素的類名，然后向具有相同類的元素中添加一個class（ placeholder ） 。

最后，在停止事件中，我刪除了類並完成了！！！