jquery - Jquery插件准备好后返回给调用者

Question

我的标题可能有点不清楚。例如我有这个代码：

$('#element').image_resize_crop();

在某个时刻，我正在编写的 image_resize_crop 插件已完成预加载图像。如何将其返回到首先调用该函数的脚本？

谢谢！

score 2 · Accepted Answer

您可以trigger订阅他们可以订阅和执行代码的自定义事件，

$(elem).trigger('preloadComplete');

他们可以使用它

$('#element').on('preloadComplete',function(){
    // do what they want
})

或像这样接收oncomplete处理程序作为插件的设置

$('#element').image_resize_crop(function(){

});

或作为设置对象的一部分

$('#element').image_resize_crop({
     onComplete: function(){

     }
});

如果您想将一些数据传递给该回调，您可以像这样指示它们

$('#element').image_resize_crop({
     onComplete: function(data){
       // utilize data passed from plugin
     }
});

并在图像预加载完成时调用该函数。

在您的插件代码中，您可以这样称呼它

settings.onComplete.call(this,arg1,arg2);

this该onComplete函数将作为变量在其中获得this什么，而 arg1,arg2 是它将作为参数获得的值。

你也可以使用apply方法。

在此处阅读更多信息：致电或申请

1 回答 1