我试图给我的插件回调功能,我希望它以一种有点传统的方式操作:
myPlugin({options}, function() {
/* code to execute */
});
或
myPlugin({options}, anotherFunction());
如何处理代码中参数?它被视为一个完整的实体吗?我非常确定我知道我应该把可执行代码放在哪里,但是我如何让代码执行呢?我似乎找不到很多关于这个主题的文献。
发布于 2010-03-29 04:40:22
只需在插件中执行回调即可:
$.fn.myPlugin = function(options, callback) {
if (typeof callback == 'function') { // make sure the callback is a function
callback.call(this); // brings the scope to the callback
}
};
您还可以在options对象中进行回调:
$.fn.myPlugin = function() {
// extend the options from pre-defined values:
var options = $.extend({
callback: function() {}
}, arguments[0] || {});
// call the callback and apply the scope:
options.callback.call(this);
};
像这样使用它:
$('.elem').myPlugin({
callback: function() {
// some action
}
});
发布于 2012-02-08 07:07:51
带回了过去的狂欢。
值得注意的是,如果您传递了两个参数,例如:
$.fn.plugin = function(options, callback) { ... };
然后你调用插件时不带options参数,但是有一个回调,这样你就会遇到问题:
$(selector).plugin(function() {...});
我使用这个来使它更灵活一些:
if($.isFunction(options)) { callback = options }
发布于 2015-04-08 05:54:01
我想这可能会对你有帮助
// Create closure.
(function( $ ) {
// This is the easiest way to have default options.
var settings = $.extend({
// These are the defaults.
onready: function(){},
//Rest of the Settings goes here...
}, options );
// Plugin definition.
$.fn.hilight = function( options ) {
//Here's the Callback
settings.onready.call(this);
//Your plugin code goes Here
};
// End of closure.
})( jQuery );
我分享了一篇关于创建您自己的jQuery插件的文章。我认为您应该查看该http://mycodingtricks.com/jquery/how-to-create-your-own-jquery-plugin/
https://stackoverflow.com/questions/2534436
复制相似问题