Jquery 将方法发送到函数 "Object [object DOMWindow] has no method ' 每个'"

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] has no method 'each'

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

欢迎任何帮助或指导。

谢谢

Answer 1

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

因此抛出错误，因为 this 对象指向 window 对象，而不是 droppable 内的 $('.empty_child_article_image')功能。