首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery data()将这个& object传递给它

jQuery data()将这个& object传递给它
EN

Stack Overflow用户
提问于 2017-01-20 05:34:43
回答 1查看 137关注 0票数 0
代码语言:javascript
复制
(function($){
    var defaults = {
        name : 'benjamin'
    };

    function EasyZoom(target, options) {
        this.$target = $(target);       
        this.opts = $.extend({}, defaults, options, this.$target.data()); //why extend this.$target.data()?
        this._init();
    }

    EasyZoom.prototype._init = function() {
        this.printout();
    };

    EasyZoom.prototype.printout = function(){
        console.log(this.opts); 
    };

    $.fn.easyZoom = function(options){
        $.data(this, 'easyZoom', new EasyZoom(this, options));  //isn't $.data(name, value) only?, why $.data(this, 'name', object)?
    };
})(jQuery);

$(document).ready(function(e) {
    $('div').easyZoom({name: 'benny'});
});

我刚开始创建jQuery插件,我试着学习easyZoom插件的风格。不过,我有几个问题我不明白

  1. $.data(); ins的数据解析应该是name & value,为什么在easyZoom插件中使用this, name, object
  2. $.extend();为什么将$target.data();对象扩展到缺省值?
  3. 为什么要在数据中存储新的对象?为什么不只是var foo = new EasyZoom(this, options);
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-20 05:44:43

首先,它是$.data(elem, key, value),而不是$.data(name, value)

其次,$.extend()喜欢合并。

举个例子

代码语言:javascript
复制
$.extend({}, {'foo': '1'}, {'hoge': '2'}) => {'foo': '1', 'hoge': '2'}

您可以检查jQuery的文档。

$.data()

$.extend()

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41756765

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档