Question

我需要在删除内容时获取元素id和class。 Id工作正常，但课程没有通过......

HTML

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

JS

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

jsfiddle

Answer 1

http://jsfiddle.net/FLLaj/

如上所述。删除Draggable时，它会检索该类。但是有2个班级。一个非常恰当的方法是使用HTML5中引入的data-*属性

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

Answer 2

没有class属性 - 使用className来检索类。但正如评论中所指出的，jQuery UI也添加了自己的类。

Answer 3

您可以使用任何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'));
    }})
})

链接Here

Answer 4

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

修改你的code.check是否有效

jquery droppable失去原来的类

4 个答案: