javascript - 写jquery插件的callback函数-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 写jquery插件的callback函数

怪我咯 2017-04-10 14:32:13

[JavaScript讨论组]

521

初写jquery插件很多不太明白，

//写插件
;(function($){
   $.fn.xtab = function(setting,callback){
   var abc = 123456;
   var setting = setting;
   var abcFunc = function(){alert(123456)};
   var callback = function(){}; 
}
})(jQuery);
//使用插件
$(".element").xtab({
    setting: {},
    callback: function(){cosle.log(abc)}
})

要怎么样写，使用插件时候的callback才能得到插件内部的变量和方法

怪我咯

走同样的路，发现不同的人生

全部回复(3)

巴扎黑2017-04-10 14:34:13 3楼

你这代码看着好诡异。方法内又重新复制变量，那还要参数来干嘛。ps:好像还打错api单词哦

//写插件
;(function($){
   $.fn.xtab = function(obj){//看你下面调用时传的参数是对象
   var abc = 123456;
   obj.callback(abc);
}
})(jQuery);
//使用插件
$(".element").xtab({
    setting: {},
    callback: function(a){console.log(a)}
})

赞 +0

添加回复

大家讲道理2017-04-10 14:34:13 2楼

根据你的插件定义方式
$.fn.xtab = function(setting,callback)
xtab 方法应该可以接收两个参数：setting （配置参数）和 callback （回调函数）。

因此你应该如此调用：
$(".element").xtab({}, function(){cosle.log('this is callback');});

如果你想要在 callback 中使用 setting 或者插件中的其他参数和方法，则需要在callback 调用的时候，将参数传入：

javascript$.fn.xtab = function(setting, callback){
    var $this = $(this);
    // 将配置参数缓存在当前 jquery 对象上
    $this.data('xtab-setting', setting);
    $this.data('xtab-callback', callback);
    // 假设点击时，调用 callback，并且传入配置参数
    $this.click(function(){
        callback($this.data('xtab-setting').value);
    });
}
//调用：
$('.p').xtab({value:'test'}, function(val){console.info(val);});

以上只是例子。

赞 +0

添加回复