jQuery插件 - >仄; $ .fn.extend未定义

时间:2012-11-03 17:28:58

标签: jquery jquery-plugins zepto

我是zepto的新手,并且正在将其用作网站移动部分的jQuery替代品。

所以zepto没有$ .fn.extend。很好,我很酷,但我需要我的插件工作,无论jquery或zepto。

什么是zepto对fn.extend的替代?您将如何进行跨库扩展?我还没有找到任何关于此的文件。

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

可以使用同一个脚本吗?

2 个答案:

答案 0 :(得分:6)

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

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

答案 1 :(得分:4)

Zepto的扩展功能可以通过$.extend()访问,这也可以在jQuery API中使用,因此我们可以使用它来扩展$.fn

示例:

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

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

http://jsfiddle.net/WNTXY/