Jquery向函数发送方法“对象[对象DOMWindow]没有方法'每个'”

Question

我在尝试创建可重用函数以将元素设置为可拖动或可放置时遇到问题。

为此工作创建 2 个单独的函数：

makedroppable($('.empty_child_article_image'), handleChildDropEvent);

或

makedraggable($('.empty_related_article_image'), handleAlternativeDragEvent);


function makedroppable(droppableClass, specificHandler){   
  droppableClass.droppable( {
    drop: specificHandler,
    hoverClass: 'hovered'
  });  
};

或

function makedraggable(droppableClass, specificHandler){   
      droppableClass.draggable( {
        drop: specificHandler,
        hoverClass: 'hovered'
      });  
    };

但这不起作用：

makedroppable($('.empty_child_article_image').droppable, handleChildDropEvent);

    function makedroppable(dragordrop_func, specificHandler) {
       dragordrop_func({
       drop: function(){specificHandler.apply($ ,specificHandler)},
       hoverClass: 'hovered',
     }); 
    }

我在控制台中收到“dragordrop_func（{”）错误，此错误

Object [object DOMWindow] 没有方法'each'

我尝试了许多其他解决方案，从我读到的内容来看，这应该可以。我做错了什么？

欢迎任何帮助或指导。

谢谢

Answer 1

当您将$('.empty_child_article_image').droppable 作为参数传递给函数时，this 对象引用将丢失。 function makedroppable 内部 -> this 将是窗口对象，而不是您的 $('.empty_child_article_image') 对象。

因此抛出错误是因为this 对象指向window 对象，而不是可放置函数内部的$('.empty_child_article_image')。