8

jQueryUIを使用してドラッグ可能なイベントにクラスを追加しようとしています。

しかし、私が書いた次のコードは期待どおりに機能していません。

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

基本的に、私は(moveクラスを使用して)ドロップシャドウをdiv.draggableに追加しようとしています。ドラッグイベントが機能するのにドロップシャドウが表示されないので、何が間違っていますか?

前もって感謝します..

4

4 に答える 4

17

jQuery UIのドラッグ可能なドキュメントから:

。ドラッグ中に、要素は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 に答える
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 に答える