8

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

但是，我编写的以下代码没有按预期工作；

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

本质上，我正在尝试向 div.draggable 添加一个阴影（使用移动类）。当拖动事件有效时我做错了什么，但没有出现投影？

提前致谢..

4

4 回答 4

17

来自jQuery UI Draggable 文档：

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

您可以编写 CSS 来利用这个类，而不是尝试添加一个类。

于 2012-07-30T15:54:24.667 回答
6

相同的 CSS 继承仍然适用。如果您有自己的样式表，请包括类似

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

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

于 2014-06-11T20:26:51.470 回答
6

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

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

CSS：

.my_class{
/* YOUR CLASS CSS */
}

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

于 2014-06-26T11:47:25.373 回答
0

尝试使用选项类：https ://api.jqueryui.com/draggable/#option-classes

例如：

$( ".selector" ).draggable({
    classes: {
      "ui-draggable": "move"
    }
  });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>

于 2018-12-27T02:08:34.477 回答