Use Zepto method on jQuery collection

Question

I am using both jQuery and Zepto. I want to conditionally invoke Zepto methods on a jQuery collection. Anyone have an eloquent solution? My code currently looks something like this:

// Obtain jQuery Object
var $selector = jQuery('.selector');

// Desktop
$selector.click( ... );

// Mobile
if (window.Zepto){
  $selector.slideLeft( ... );
}

Tried that... Can't do it without editing Zepto source... i.e. e.touches needs to become e.originalEvent.touches... etc etc — Globalz, Mar 07 '13 at 21:59

score 0 · Answer 1 · answered Mar 22 '13 at 23:46

It is very brittle, but you can use Function.call to apply Zepto functions to jQuery objects. I did a proof-of-concept fiddle (http://jsfiddle.net/STnUQ/1/) and obviously it works for the simple css function.

var div = jQuery('.test');
Zepto().css.call(div, 'color', 'red');

So long as the underlying data structure of the jQuery object matches Zepto, it will work just fine. But this is not guaranteed (or even probable) and you should do extensive testing with your specific use.

Use Zepto method on jQuery collection

1 Answers1