jquery - jQuery 插件 -> Zepto；$.fn.extend 未定义

Question

我是 zepto 的新手，并且正在使用它作为网站移动部分的 jQuery 替代品。

所以 zepto 没有 $.fn.extend。很好，这对我来说很酷，但是无论 jquery 还是 zepto，我都需要我的插件才能工作。

zepto 对 fn.extend 的替代是什么？您将如何进行跨库扩展？我还没有找到这方面的任何文件。

 $.fn.extend({
     lineRedNAddClass : function(option){
         $(this).css('border','red 1px solid').addClass(option);   
     }
 });

这可以从同一个脚本中使用吗？

score 8 · Accepted Answer

换句话说，为了让一些 jquery 插件与 zepto 一起工作，我在 zepto.js 的末尾添加了这两行：

jQuery = Zepto;
$.fn.extend = function(obj) {
    $.extend($.fn, obj);
};

score 4 · Accepted Answer

Zepto 的扩展功能可以通过来访问$.extend()，jQuery API 中也提供了该功能，因此我们可以简单地$.fn使用它进行扩展。

例子：

$.extend($.fn, {
    myFunc: function() {
        $(this).css({
            color: 'red'
        });
    }
});

这是一个演示。我已将两个库都加载到资产中，因此只需使用前两行切换 $ 的值。有一个consle.log包含来证明加载了正确的库。

2 回答 2