2012-11-03 19 views
4

我是zepto的新手,並將其用作網站移動部分的jQuery替代品。

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

什麼是zepto對fn.extend的替代?你如何去做一個跨庫擴展?我還沒有找到任何關於此的文檔。

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

這是否可以使用這兩個從同一腳本?

回答

3

Zepto的擴展函數可以通過$.extend()來訪問,這在jQuery API中也是可用的,所以我們可以簡單地使用它來擴展$.fn

例子:

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

而且這裏有一個演示。我已經將兩個庫加載到資產中,所以只需使用前兩行切換$的值即可。包含consle.log以證明正確的庫已加載。

http://jsfiddle.net/WNTXY/

+0

這適用於任意庫? – Fresheyeball

+0

當然可以。檢查我的演示。 – amustill

+1

我剛剛做了,除了shweeet。 – Fresheyeball

6

換句話說,做出一些jQuery插件與仄工作,我已經添加了這些2號線到我的zepto.js結束:

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