javascript - JQuery 多个 droppables 和一个函数来处理每个 droppables

Question

作为 JavaScript/JQuery 新手，我在弄清楚如何实现将多个可放置对象的放置函数注册到一个函数时遇到了一些问题，例如:

$('#droppableLW').droppable({
    drop : handleUIDropEvent
});

$('#droppableRW').droppable({
    drop : handleUIDropEvent
});

并在handleUIDropEvent方法中获取droppable的id，例如实现这一点:

function handleUIDropEvent(event, ui) {
   var droppableId = somehowGottaGetIt;
   if (new String(droppableId).valueOf() == new String("droppableLW").valueOf()) {
      ...
   } else {
      ...
   }

}

Answer 1

为此，只需使用 class 属性而不是 id

$('.droppableObject').droppable({
    drop : function( event, ui ) {
        if ( this.id == "something" ) {
            // do things
        }
    }
});