如何为zepto添加自定义功能?

时间:2011-11-13 21:44:31

标签: zepto

zepto的新手(老实说,远离jQuery-whiz), 我想添加一个自定义函数。

这是我到目前为止的尝试:

//define..
$.fn.doSearch = function() { 
  alert(this.parentNode.html());
  //now xhr..
}
//assign..
$('#resetBtn').click( function (e) {$(this).doSearch()});

//define
<script type="text/ja..
function doSearch(obj) {
  alert('Ugly way but here I am');
}

//assign..
$('#resetBtn').click( function (e) {window.doSearch()});

并且都不起作用..我宁愿走第一条路线,也知道.fn没有在zepto-docs中列出。

的问候,

//吨

2 个答案:

答案 0 :(得分:2)

好的,现在我有了

//define
var myFunc = {
  doSearch: function(obj) {
    //just check obj is ok.
    alert($(obj.parentNode).html());
  }
}
//correct way to extend zepto?
$.extend($,myFunc);

//assign...
$('#searchBtn').click( function (e) {$(this).doSearch(this)});

这是要走的路吗?

答案 1 :(得分:0)

如文件中所述,

(function($){
  $.extend($.fn, {
    foo: function(){
      // `this` refers to the current Zepto collection.
      // When possible, return the Zepto collection to allow chaining.
      return this.html('bar')
    }
  })
})(Zepto)