Question

在 draggable-droppable 组合中：

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

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

任何想法？提前谢谢

Answer 1

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

使用{strong> 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 然后每次启动事件被触发时，我存储被捕获的元素的类名，然后我将类（占位符）添加到具有相同类的元素。< / p>

最后在停止事件中我删除了类及其完成!!!

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

1 个答案: