Javascript jquery droppable将丢失其原始类

当有东西掉到元素上时，我需要获取元素id和类。Id工作正常，但类未通过

HTML

如前所述。当Draggable被删除时，它将检索该类。但是有两门课。 一个非常合适的方法是使用HTML5中引入的

data-*

属性

 $(document).ready(function(){
        $("#drag").draggable({revert: true})
        $("#drop").droppable({
            drop: function(){
                alert($(this).attr('class')+" "+$(this).attr('id'))
            }})
       })

---

没有

class

属性-使用

className

检索类。但正如注释中所指出的，jQuery UI也添加了自己的类。

您可以使用任何rel属性代替类。因为类名不是唯一的。例如

<div id="drag" class="two" rel="u1">drag</div>
<div id="drop" class="one"rel="u2">drop</div>

JS COde:
$(document).ready(function(){
 $("#drag").draggable({revert: true})
 $("#drop").droppable({
    drop: function(){
        alert($(this).attr('rel'));
    }})
})

拖动
滴
JS代码：
$（文档）.ready（函数（）{
$（“#拖动”）.draggable（{revert:true}）
$（“#下降”）。可下降({
drop:function（）{
警报（$（this.attr（'rel'））；
}})
})

链接

---

修改您的代码。检查它是否有效

编辑注释并添加FIDDLE不建议检索类。因为jQueryUI将向DOM对象添加自己的类，所以我可以使用什么来代替类？我需要得到每个DROPPABLE的2个唯一属性。也许您可以考虑使用HTML5的代码>数据-*/COD>属性。去谷歌看看它是如何使用的。我不推荐使用这个

rel

属性有它自己的用途，将其用于任何其他用途都是不合适的。但这是一个快速解决方案。谢谢你，金元。数据-阿曲布他有意义。我将进一步调查：）

 $(document).ready(function(){
        $("#drag").draggable({revert: true})
        $("#drop").droppable({
            drop: function(){
                alert($(this).attr('class')+" "+$(this).attr('id'))
            }})
       })

<div id="drag" class="two" rel="u1">drag</div>
<div id="drop" class="one"rel="u2">drop</div>

JS COde:
$(document).ready(function(){
 $("#drag").draggable({revert: true})
 $("#drop").droppable({
    drop: function(){
        alert($(this).attr('rel'));
    }})
})

$(document).ready(function(){
   $("#drag").draggable({revert: true})
   $("#drop").droppable({
       drop: function(event,ui){
           console.log(ui.draggable.attr('class'));
           console.log($(this).attr('class'));
       }
   });
});