CODEWITHSUNDEEP
zepto
Teson
Teson

Reputation: 6736

how do I add custom function to zepto?

New to zepto (and honestly, far from a jQuery-whiz), I want to add a custom function.

This is my attempts so far:

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

and

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

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

And neither works.. I'd rather go the first route, aware that .fn isn't listed in the zepto-docs.

regards,

//t

Upvotes: 0

Views: 1093

Answers (2)

Overload119
Overload119

Reputation: 5396

As mentioned in the documents,

(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)

Upvotes: 1

Teson
Teson

Reputation: 6736

ok, now I have

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

is this the way to go?

Upvotes: 2

Related Questions