jQuery UI可拖动并在拖动事件上添加类

Question

我正在尝试使用jQuery UI向可拖动事件添加一个类.

但是,我写的以下代码没有按预期工作;

$(function () {
    $('ul.sortable div.draggable').draggable({
        start: function(event, ui) { ui.helper.addClass('move'); },
    });
});

基本上我试图添加一个投影(使用移动类)到div.draggable.因为拖动事件有效,我做错了什么,但是没有出现投影？

提前致谢..

Answer 1

从jQuery UI Draggable文档:

.在拖动过程中,元素也会获得一个ui-draggable-dragging类

您可以编写CSS来利用此类,而不是尝试添加类.

Answer 2

我想我们在 dargging 开始时添加一个新的class my_class，那么代码应该是这样的：

$(function () {
    $('ul.sortable div.draggable').draggable({
         start: function( event, ui ) {
              $(this).addClass('my_class'); 
         }
    });
});

css：

.my_class{
/* YOUR CLASS CSS */
}

请参阅此JSFIDDLE以在拖动开始和拖动结束时添加和删除类

Answer 3

相同的CSS继承仍然适用.如果你有自己的样式表包括类似的东西

.ui-draggable-dragging{
    box-shadow:0 0 2px #000;
}

如果您没有样式表.您仍然可以使用<style>标记在html文件中内联添加此内容