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);   
     }
 });

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

Answer 1

换句话说,为了使一些jquery插件与zepto一起使用,我将这两行添加到我的zepto.js的末尾:

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

Answer 2

Zepto 的扩展函数可以通过访问$.extend()，这在 jQuery API 中也可用，因此我们可以简单地$.fn使用它进行扩展。

例子：

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

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