javascript - 新しいクラスが表示された場合、クラスを置き換えるにはどうすればよいですか

Question

divをドラッグしているときに新しいクラスが表示されたら、クラスを置き換える必要があります

<div class="grab-cursor">

ユーザーがdivのドラッグを開始したときに変更されます

<div class="grabbing-cursor">

ドラッグが完了する前に閉じる必要があるアコーディオン ペインがあります。

<div class"accordion_on">

上記に変更したい

<div class"accordion_off">

Answer 1

jqueryを使用：

$(".accordion_on").addClass("accordion_off").removeClass("accordion_on");

Answer 2

jqueryを使用してクラスを追加できます

$(document).ready(function () {
$('.my_draggable_elements').draggable({
    drag: function(){
      $('#'+this.id).attr('class','grabbing-cursor')
    }
});

});

javascript ondragstart および ondrop イベントを使用してクラスを変更することもできます

There are a number of different events to attach to for monitoring the entire drag and drop process:

ondragstart,ondrag,ondragenter,ondragleave,ondragover,ondragend,ondrop

スタートをドラッグするときに関数を呼び出す

 ondragstart="change(this)"

function change(ev)
{
$('#'+ev.id).attr('class','grabbing-cursor');
}