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');
}