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

Question

我是zepto的新手，将其用作网站移动端的jQuery替代品。

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

zepto的替代方法是什么？您会如何制作跨库扩展？我还没有找到任何关于此的文档。

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

这个能不能用同一个脚本来实现？

- Fresheyeball

Answer 1

换句话说，为了让一些jQuery插件能够在Zepto上运行，我在我的zepto.js文件末尾添加了以下两行代码：

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

- gondo

---

simple and elegant! - petrosmm

Answer 2

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

示例：

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

这里有一个演示。我已经将两个库加载到资产中，所以只需使用前两行切换$的值。包含consle.log以证明正确的库已加载。

http://jsfiddle.net/WNTXY/

- amustill

---

我刚刚完成并接受了，太棒了。 - Fresheyeball