activeClass droppable 的选项等效于 sortable [jQueryUI]

【问题标题】：activeClass droppable's option equivalent to sortable [jQueryUI]activeClass droppable 的选项等效于 sortable [jQueryUI]
【发布时间】：2018-01-04 06:50:39
【问题描述】：

在可拖放组合中：

如果我们在可放置部分中指定了选项activeClass: "ui-state-hover",，则在拖动元素时，所有可用的可放置元素都会更改它们的背景颜色，并且当元素被放置在其中任何一个中时，它们的背景颜色会返回到它们的初始值.

如何使用 sortable 来实现？据我所知activeClass 在可排序中不存在。所以当我开始对一个元素进行拖动排序时，同一类的其他元素应该改变背景颜色，以显示它应该放在哪里......

有什么想法吗？提前感谢

【问题讨论】：

标签： javascript jquery jquery-ui

【解决方案1】：

经过一番研究，我终于想出了解决方案

使用 sortable 的 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) 添加到具有相同类的元素中。

最后在停止事件中，我删除了类并完成了！！！

【讨论】：