mirror of
https://github.com/jashkenas/backbone.git
synced 2026-02-10 14:55:06 -05:00
Merge branch 'zepto' of https://github.com/sstephenson/backbone
This commit is contained in:
Jeremy Ashkenas
@@ -4,7 +4,7 @@
|
||||
<title>Backbone Test Suite</title>
|
||||
<link rel="stylesheet" href="vendor/qunit.css" type="text/css" media="screen" />
|
||||
<script type="text/javascript" src="vendor/json2.js"></script>
|
||||
<script type="text/javascript" src="vendor/zepto-0.2.js"></script>
|
||||
<script type="text/javascript" src="vendor/zepto-0.3.js"></script>
|
||||
<script type="text/javascript" src="vendor/qunit.js"></script>
|
||||
<script type="text/javascript" src="vendor/jslitmus.js"></script>
|
||||
<script type="text/javascript" src="vendor/underscore-1.1.3.js"></script>
|
||||
|
||||
276
test/vendor/zepto-0.2.js
vendored
276
test/vendor/zepto-0.2.js
vendored
@@ -1,276 +0,0 @@
|
||||
var Zepto = (function() {
|
||||
var slice=[].slice, d=document,
|
||||
ADJ_OPS={append: 'beforeEnd', prepend: 'afterBegin', before: 'beforeBegin', after: 'afterEnd'},
|
||||
e, k, css, un, $$;
|
||||
|
||||
// fix for iOS 3.2
|
||||
if(String.prototype.trim === un)
|
||||
String.prototype.trim = function(){ return this.replace(/^\s+/, '').replace(/\s+$/, '') };
|
||||
|
||||
function classRE(name){ return new RegExp("(^|\\s)"+name+"(\\s|$)") }
|
||||
function compact(array){ return array.filter(function(el){ return el !== un && el !== null }) }
|
||||
|
||||
function Z(dom, _){ this.dom = dom || []; this.selector = _ || '' }
|
||||
Z.prototype = $.fn;
|
||||
|
||||
function $(_, context){
|
||||
return _ == d ? new Z : (context !== un) ? $(context).find(_) : new Z(compact(_ instanceof Z ? _.dom : (_ instanceof Array ? _ : (_ instanceof Element || _ === window ? [_] : $$(d, _)))), _);
|
||||
}
|
||||
|
||||
$.extend = function(target, src){ for(k in src) target[k] = src[k] }
|
||||
$.qsa = $$ = function(el, selector){ return slice.call(el.querySelectorAll(selector)) }
|
||||
camelize = function(str){ return str.replace(/-+(.)?/g, function(match, chr){ return chr ? chr.toUpperCase() : '' }) }
|
||||
|
||||
$.fn = {
|
||||
ready: function(callback){
|
||||
d.addEventListener('DOMContentLoaded', callback, false); return this;
|
||||
},
|
||||
compact: function(){ this.dom=compact(this.dom); return this },
|
||||
get: function(idx){ return idx === un ? this.dom : this.dom[idx] },
|
||||
remove: function(){
|
||||
return this.each(function(el){ el.parentNode.removeChild(el) });
|
||||
},
|
||||
each: function(callback){ this.dom.forEach(callback); return this },
|
||||
filter: function(selector){
|
||||
return $(this.dom.filter(function(el){ return $$(el.parentNode, selector).indexOf(el)>=0; }));
|
||||
},
|
||||
is: function(selector){
|
||||
return this.dom.length>0 && $(this.dom[0]).filter(selector).dom.length>0;
|
||||
},
|
||||
first: function(callback){ this.dom=compact([this.dom[0]]); return this },
|
||||
find: function(selector){
|
||||
return $(this.dom.map(function(el){ return $$(el, selector) }).reduce(function(a,b){ return a.concat(b) }, []));
|
||||
},
|
||||
closest: function(selector){
|
||||
var el = this.dom[0].parentNode, nodes = $$(d, selector);
|
||||
while(el && nodes.indexOf(el)<0) el = el.parentNode;
|
||||
return $(el && !(el===d) ? el : []);
|
||||
},
|
||||
pluck: function(property){ return this.dom.map(function(el){ return el[property] }) },
|
||||
show: function(){ return this.css('display', 'block') },
|
||||
hide: function(){ return this.css('display', 'none') },
|
||||
prev: function(){ return $(this.pluck('previousElementSibling')) },
|
||||
next: function(){ return $(this.pluck('nextElementSibling')) },
|
||||
html: function(html){
|
||||
return html === un ?
|
||||
(this.dom.length>0 ? this.dom[0].innerHTML : null) :
|
||||
this.each(function(el){ el.innerHTML = html });
|
||||
},
|
||||
text: function(text){
|
||||
return text === un ?
|
||||
(this.dom.length>0 ? this.dom[0].innerText : null) :
|
||||
this.each(function(el){ el.innerText = text });
|
||||
},
|
||||
attr: function(name,value){
|
||||
return (typeof name == 'string' && value === un) ?
|
||||
(this.dom.length>0 ? this.dom[0].getAttribute(name) || undefined : null) :
|
||||
this.each(function(el){
|
||||
if (typeof name == 'object') for(k in name) el.setAttribute(k, name[k])
|
||||
else el.setAttribute(name,value);
|
||||
});
|
||||
},
|
||||
offset: function(){
|
||||
var obj = this.dom[0].getBoundingClientRect();
|
||||
return { left: obj.left+d.body.scrollLeft, top: obj.top+d.body.scrollTop, width: obj.width, height: obj.height };
|
||||
},
|
||||
css: function(prop, value){
|
||||
if(value === un && typeof prop == 'string') return this.dom[0].style[camelize(prop)];
|
||||
css=""; for(k in prop) css += k+':'+prop[k]+';';
|
||||
if(typeof prop == 'string') css = prop+":"+value;
|
||||
return this.each(function(el) { el.style.cssText += ';' + css });
|
||||
},
|
||||
index: function(el){
|
||||
return this.dom.indexOf($(el).get(0));
|
||||
},
|
||||
hasClass: function(name){
|
||||
return classRE(name).test(this.dom[0].className);
|
||||
},
|
||||
addClass: function(name){
|
||||
return this.each(function(el){ !$(el).hasClass(name) && (el.className += (el.className ? ' ' : '') + name) });
|
||||
},
|
||||
removeClass: function(name){
|
||||
return this.each(function(el){ el.className = el.className.replace(classRE(name), ' ').trim() });
|
||||
}
|
||||
};
|
||||
|
||||
['width','height'].forEach(function(m){ $.fn[m] = function(){ return this.offset()[m] }});
|
||||
|
||||
for(k in ADJ_OPS)
|
||||
$.fn[k] = (function(op){
|
||||
return function(html){ return this.each(function(el){
|
||||
el['insertAdjacent' + (html instanceof Element ? 'Element' : 'HTML')](op,html)
|
||||
})};
|
||||
})(ADJ_OPS[k]);
|
||||
|
||||
Z.prototype = $.fn;
|
||||
|
||||
return $;
|
||||
})();
|
||||
|
||||
'$' in window||(window.$=Zepto);
|
||||
(function($){
|
||||
var d=document, $$=$.qsa, handlers=[];
|
||||
function find(el, ev, fn) {
|
||||
return handlers.filter(function(handler){
|
||||
return handler && handler.el===el && (!ev || handler.ev===ev) && (!fn || handler.fn===fn);
|
||||
});
|
||||
}
|
||||
$.event = {
|
||||
add: function(el, events, fn){
|
||||
events.split(/\s/).forEach(function(ev){
|
||||
var handler = {ev: ev, el: el, fn: fn, i: handlers.length};
|
||||
handlers.push(handler);
|
||||
el.addEventListener(ev, fn, false);
|
||||
});
|
||||
},
|
||||
remove: function(el, events, fn){
|
||||
(events||'').split(/\s/).forEach(function(ev){
|
||||
find(el, ev, fn).forEach(function(handler){
|
||||
handlers[handler.i] = null;
|
||||
el.removeEventListener(handler.ev, handler.fn, false);
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
$.fn.bind = function(event, callback){
|
||||
return this.each(function(el){ $.event.add(el, event, callback) });
|
||||
};
|
||||
$.fn.unbind = function(event, callback){
|
||||
return this.each(function(el){ $.event.remove(el, event, callback) });
|
||||
};
|
||||
$.fn.delegate = function(selector, event, callback){
|
||||
return this.each(function(el){
|
||||
$.event.add(el, event, function(event){
|
||||
var target = event.target, nodes = $$(el, selector);
|
||||
while(target && nodes.indexOf(target)<0) target = target.parentNode;
|
||||
if(target && !(target===el) && !(target===d)) callback.call(target, event);
|
||||
}, false);
|
||||
});
|
||||
};
|
||||
$.fn.live = function(event, callback){
|
||||
$(d.body).delegate(this.selector, event, callback); return this;
|
||||
};
|
||||
$.fn.trigger = function(event){
|
||||
return this.each(function(el){ var e; el.dispatchEvent(e = d.createEvent('Events'), e.initEvent(event, true, false)) });
|
||||
};
|
||||
})(Zepto);
|
||||
(function($){
|
||||
function detect(ua){
|
||||
var ua = ua, os = {},
|
||||
android = ua.match(/(Android)\s+([\d.]+)/),
|
||||
iphone = ua.match(/(iPhone\sOS)\s([\d_]+)/),
|
||||
ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
|
||||
webos = ua.match(/(webOS)\/([\d.]+)/);
|
||||
if(android) os.android = true, os.version = android[2];
|
||||
if(iphone) os.ios = true, os.version = iphone[2].replace(/_/g,'.'), os.iphone = true;
|
||||
if(ipad) os.ios = true, os.version = ipad[2].replace(/_/g,'.'), os.ipad = true;
|
||||
if(webos) os.webos = true, os.version = webos[2];
|
||||
return os;
|
||||
}
|
||||
$.os = detect(navigator.userAgent);
|
||||
$.__detect = detect;
|
||||
$.browser = {
|
||||
webkit: true,
|
||||
version: navigator.userAgent.match(/WebKit\/([\d.]+)/)[1]
|
||||
}
|
||||
})(Zepto);
|
||||
(function($){
|
||||
$.fn.anim = function(props, dur, ease){
|
||||
var transforms = [], opacity, k;
|
||||
for (k in props) k === 'opacity' ? opacity=props[k] : transforms.push(k+'('+props[k]+')');
|
||||
return this.css({ '-webkit-transition': 'all '+(dur||0.5)+'s '+(ease||''),
|
||||
'-webkit-transform': transforms.join(' '), opacity: opacity });
|
||||
}
|
||||
})(Zepto);
|
||||
(function($){
|
||||
var touch={}, touchTimeout;
|
||||
|
||||
function parentIfText(node){
|
||||
return 'tagName' in node ? node : node.parentNode;
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
$(document.body).bind('touchstart', function(e){
|
||||
var now = Date.now(), delta = now-(touch.last || now);
|
||||
touch.target = parentIfText(e.touches[0].target);
|
||||
touchTimeout && clearTimeout(touchTimeout);
|
||||
touch.x1 = e.touches[0].pageX;
|
||||
if (delta > 0 && delta <= 250) touch.isDoubleTap = true;
|
||||
touch.last = now;
|
||||
}).bind('touchmove', function(e){
|
||||
touch.x2 = e.touches[0].pageX
|
||||
}).bind('touchend', function(e){
|
||||
if (touch.isDoubleTap) {
|
||||
$(touch.target).trigger('doubleTap');
|
||||
touch = {};
|
||||
} else if (touch.x2 > 0) {
|
||||
Math.abs(touch.x1-touch.x2)>30 && $(touch.target).trigger('swipe');
|
||||
touch.x1 = touch.x2 = touch.last = 0;
|
||||
} else if ('last' in touch) {
|
||||
touchTimeout = setTimeout(function(){
|
||||
touchTimeout = null;
|
||||
$(touch.target).trigger('tap')
|
||||
touch = {};
|
||||
}, 250);
|
||||
}
|
||||
}).bind('touchcancel', function(){ touch={} });
|
||||
});
|
||||
|
||||
['swipe', 'doubleTap', 'tap'].forEach(function(m){
|
||||
$.fn[m] = function(callback){ return this.bind(m, callback) }
|
||||
});
|
||||
})(Zepto);
|
||||
(function($){
|
||||
function ajax(method, url, success, data, type){
|
||||
data = data || null;
|
||||
var r = new XMLHttpRequest();
|
||||
if (success instanceof Function) {
|
||||
r.onreadystatechange = function(){
|
||||
if(r.readyState==4 && (r.status==200 || r.status==0))
|
||||
success(r.responseText);
|
||||
};
|
||||
}
|
||||
r.open(method,url,true);
|
||||
if (type) r.setRequestHeader("Accept", type );
|
||||
if (data instanceof Object) data = JSON.stringify(data), r.setRequestHeader('Content-Type','application/json');
|
||||
r.setRequestHeader('X-Requested-With','XMLHttpRequest');
|
||||
r.send(data);
|
||||
}
|
||||
|
||||
$.get = function(url, success){ ajax('GET', url, success); };
|
||||
$.post = function(url, data, success, type){
|
||||
if (data instanceof Function) type = type || success, success = data, data = null;
|
||||
ajax('POST', url, success, data, type);
|
||||
};
|
||||
$.getJSON = function(url, success){
|
||||
$.get(url, function(json){ success(JSON.parse(json)) });
|
||||
};
|
||||
|
||||
$.fn.load = function(url, success){
|
||||
var self = this, parts = url.split(/\s/), selector;
|
||||
if(!this.dom.length) return this;
|
||||
if(parts.length>1) url = parts[0], selector = parts[1];
|
||||
$.get(url, function(response){
|
||||
self.html(selector ?
|
||||
$(document.createElement('div')).html(response).find(selector).html()
|
||||
: response);
|
||||
success && success();
|
||||
});
|
||||
return this;
|
||||
};
|
||||
})(Zepto);
|
||||
(function($){
|
||||
var cache = [], timeout;
|
||||
|
||||
$.fn.remove = function(){
|
||||
return this.each(function(el){
|
||||
if(el.tagName=='IMG'){
|
||||
cache.push(el);
|
||||
el.src = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
|
||||
if(timeout) clearTimeout(timeout);
|
||||
timeout = setTimeout(function(){ cache = [] }, 60000);
|
||||
}
|
||||
el.parentNode.removeChild(el);
|
||||
});
|
||||
}
|
||||
})(Zepto);
|
||||
414
test/vendor/zepto-0.3.js
vendored
Normal file
414
test/vendor/zepto-0.3.js
vendored
Normal file
@@ -0,0 +1,414 @@
|
||||
var Zepto = (function() {
|
||||
var slice = [].slice, key, css, $$, fragmentRE, container, document = window.document, undefined;
|
||||
|
||||
// fix for iOS 3.2
|
||||
if (String.prototype.trim === undefined)
|
||||
String.prototype.trim = function(){ return this.replace(/^\s+/, '').replace(/\s+$/, '') };
|
||||
|
||||
function classRE(name){ return new RegExp("(^|\\s)" + name + "(\\s|$)") }
|
||||
function compact(array){ return array.filter(function(item){ return item !== undefined && item !== null }) }
|
||||
function camelize(str){ return str.replace(/-+(.)?/g, function(match, chr){ return chr ? chr.toUpperCase() : '' }) }
|
||||
|
||||
fragmentRE = /^\s*<.+>/;
|
||||
container = document.createElement("div");
|
||||
function fragment(html) {
|
||||
container.innerHTML = ('' + html).trim();
|
||||
var result = slice.call(container.childNodes);
|
||||
container.innerHTML = '';
|
||||
return result;
|
||||
}
|
||||
|
||||
function Z(dom, selector){ this.dom = dom || []; this.selector = selector || '' }
|
||||
|
||||
function $(selector, context){
|
||||
if (selector == document) return new Z;
|
||||
else if (context !== undefined) return $(context).find(selector);
|
||||
else if (typeof selector === 'function') return $(document).ready(selector);
|
||||
else {
|
||||
var dom;
|
||||
if (selector instanceof Z) dom = selector.dom;
|
||||
else if (selector instanceof Array) dom = selector;
|
||||
else if (selector instanceof Element || selector === window) dom = [selector];
|
||||
else if (fragmentRE.test(selector)) dom = fragment(selector);
|
||||
else dom = $$(document, selector);
|
||||
|
||||
return new Z(compact(dom), selector);
|
||||
}
|
||||
}
|
||||
|
||||
$.extend = function(target, source){ for (key in source) target[key] = source[key]; return target }
|
||||
$.qsa = $$ = function(element, selector){ return slice.call(element.querySelectorAll(selector)) }
|
||||
|
||||
$.fn = {
|
||||
ready: function(callback){
|
||||
document.addEventListener('DOMContentLoaded', callback, false); return this;
|
||||
},
|
||||
compact: function(){ this.dom = compact(this.dom); return this },
|
||||
get: function(idx){ return idx === undefined ? this.dom : this.dom[idx] },
|
||||
remove: function(){
|
||||
return this.each(function(el){ el.parentNode.removeChild(el) });
|
||||
},
|
||||
each: function(callback){ this.dom.forEach(callback); return this },
|
||||
filter: function(selector){
|
||||
return $(this.dom.filter(function(element){
|
||||
return $$(element.parentNode, selector).indexOf(element) >= 0;
|
||||
}));
|
||||
},
|
||||
is: function(selector){
|
||||
return this.dom.length > 0 && $(this.dom[0]).filter(selector).dom.length > 0;
|
||||
},
|
||||
first: function(callback){ this.dom = compact([this.dom[0]]); return this },
|
||||
last: function() { this.dom = compact([this.dom[this.dom.length - 1]]); return this },
|
||||
find: function(selector){
|
||||
return $(this.dom.map(function(el){ return $$(el, selector) }).reduce(function(a,b){ return a.concat(b) }, []));
|
||||
},
|
||||
closest: function(selector){
|
||||
var node = this.dom[0].parentNode, nodes = $$(document, selector);
|
||||
while(node && nodes.indexOf(node) < 0) node = node.parentNode;
|
||||
return $(node && !(node === document) ? node : []);
|
||||
},
|
||||
pluck: function(property){ return this.dom.map(function(element){ return element[property] }) },
|
||||
show: function(){ return this.css('display', 'block') },
|
||||
hide: function(){ return this.css('display', 'none') },
|
||||
prev: function(){ return $(this.pluck('previousElementSibling')) },
|
||||
next: function(){ return $(this.pluck('nextElementSibling')) },
|
||||
html: function(html){
|
||||
return html === undefined ?
|
||||
(this.dom.length > 0 ? this.dom[0].innerHTML : null) :
|
||||
this.each(function(element){ element.innerHTML = html });
|
||||
},
|
||||
text: function(text){
|
||||
return text === undefined ?
|
||||
(this.dom.length > 0 ? this.dom[0].innerText : null) :
|
||||
this.each(function(element){ element.innerText = text });
|
||||
},
|
||||
attr: function(name, value){
|
||||
return (typeof name == 'string' && value === undefined) ?
|
||||
(this.dom.length > 0 && this.dom[0].nodeName === 'INPUT' && this.dom[0].type === 'text' && name === 'value') ? (this.dom[0].value) :
|
||||
(this.dom.length > 0 ? this.dom[0].getAttribute(name) || undefined : null) :
|
||||
this.each(function(element){
|
||||
if (typeof name == 'object') for (key in name) element.setAttribute(key, name[key])
|
||||
else element.setAttribute(name, value);
|
||||
});
|
||||
},
|
||||
offset: function(){
|
||||
var obj = this.dom[0].getBoundingClientRect();
|
||||
return {
|
||||
left: obj.left + document.body.scrollLeft,
|
||||
top: obj.top + document.body.scrollTop,
|
||||
width: obj.width,
|
||||
height: obj.height
|
||||
};
|
||||
},
|
||||
css: function(property, value){
|
||||
if (value === undefined && typeof property == 'string') return this.dom[0].style[camelize(property)];
|
||||
css = "";
|
||||
for (key in property) css += key + ':' + property[key] + ';';
|
||||
if (typeof property == 'string') css = property + ":" + value;
|
||||
return this.each(function(element) { element.style.cssText += ';' + css });
|
||||
},
|
||||
index: function(element){
|
||||
return this.dom.indexOf($(element).get(0));
|
||||
},
|
||||
hasClass: function(name){
|
||||
return classRE(name).test(this.dom[0].className);
|
||||
},
|
||||
addClass: function(name){
|
||||
return this.each(function(element){
|
||||
!$(element).hasClass(name) && (element.className += (element.className ? ' ' : '') + name)
|
||||
});
|
||||
},
|
||||
removeClass: function(name){
|
||||
return this.each(function(element){
|
||||
element.className = element.className.replace(classRE(name), ' ').trim()
|
||||
});
|
||||
},
|
||||
toggleClass: function(name, when){
|
||||
return this.each(function(element){
|
||||
((when !== undefined && !when) || $(element).hasClass(name)) ?
|
||||
$(element).removeClass(name) : $(element).addClass(name)
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
['width', 'height'].forEach(function(property){
|
||||
$.fn[property] = function(){ return this.offset()[property] }
|
||||
});
|
||||
|
||||
|
||||
var adjacencyOperators = {append: 'beforeEnd', prepend: 'afterBegin', before: 'beforeBegin', after: 'afterEnd'};
|
||||
|
||||
for (key in adjacencyOperators)
|
||||
$.fn[key] = (function(operator) {
|
||||
return function(html){
|
||||
return this.each(function(element){
|
||||
element['insertAdjacent' + (html instanceof Element ? 'Element' : 'HTML')](operator, html);
|
||||
});
|
||||
};
|
||||
})(adjacencyOperators[key]);
|
||||
|
||||
Z.prototype = $.fn;
|
||||
|
||||
return $;
|
||||
})();
|
||||
|
||||
'$' in window || (window.$ = Zepto);
|
||||
(function($){
|
||||
var $$ = $.qsa, handlers = {}, _zid = 1;
|
||||
function zid(element) {
|
||||
return element._zid || (element._zid = _zid++);
|
||||
}
|
||||
function findHandlers(element, event, fn, selector) {
|
||||
event = parse(event);
|
||||
if (event.ns) var matcher = matcherFor(event.ns);
|
||||
return (handlers[zid(element)] || []).filter(function(handler) {
|
||||
return handler
|
||||
&& (!event.e || handler.e == event.e)
|
||||
&& (!event.ns || matcher.test(handler.ns))
|
||||
&& (!fn || handler.fn == fn)
|
||||
&& (!selector || handler.sel == selector);
|
||||
});
|
||||
}
|
||||
function parse(event) {
|
||||
var parts = ('' + event).split('.');
|
||||
return {e: parts[0], ns: parts.slice(1).sort().join(' ')};
|
||||
}
|
||||
function matcherFor(ns) {
|
||||
return new RegExp('(?:^| )' + ns.replace(' ', ' .* ?') + '(?: |$)');
|
||||
}
|
||||
|
||||
function add(element, events, fn, selector, delegate){
|
||||
var id = zid(element), set = (handlers[id] || (handlers[id] = []));
|
||||
events.split(/\s/).forEach(function(event){
|
||||
var handler = $.extend(parse(event), {fn: fn, sel: selector, del: delegate, i: set.length});
|
||||
set.push(handler);
|
||||
element.addEventListener(handler.e, delegate || fn, false);
|
||||
});
|
||||
}
|
||||
function remove(element, events, fn, selector){
|
||||
var id = zid(element);
|
||||
(events || '').split(/\s/).forEach(function(event){
|
||||
findHandlers(element, event, fn, selector).forEach(function(handler){
|
||||
delete handlers[id][handler.i];
|
||||
element.removeEventListener(handler.e, handler.del || handler.fn, false);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
$.event = {
|
||||
add: function(element, events, fn){
|
||||
add(element, events, fn);
|
||||
},
|
||||
remove: function(element, events, fn){
|
||||
remove(element, events, fn);
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.bind = function(event, callback){
|
||||
return this.each(function(element){
|
||||
add(element, event, callback);
|
||||
});
|
||||
};
|
||||
$.fn.unbind = function(event, callback){
|
||||
return this.each(function(element){
|
||||
remove(element, event, callback);
|
||||
});
|
||||
};
|
||||
|
||||
var eventMethods = ['preventDefault', 'stopImmediatePropagation', 'stopPropagation'];
|
||||
function createProxy(event) {
|
||||
var proxy = $.extend({originalEvent: event}, event);
|
||||
eventMethods.forEach(function(key) {
|
||||
proxy[key] = function() {return event[key].apply(event, arguments)};
|
||||
});
|
||||
return proxy;
|
||||
}
|
||||
|
||||
$.fn.delegate = function(selector, event, callback){
|
||||
return this.each(function(element){
|
||||
add(element, event, callback, selector, function(e){
|
||||
var target = e.target, nodes = $$(element, selector);
|
||||
while (target && nodes.indexOf(target) < 0) target = target.parentNode;
|
||||
if (target && !(target === element) && !(target === document)) {
|
||||
callback.call(target, $.extend(createProxy(e), {
|
||||
currentTarget: target, liveFired: element
|
||||
}));
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
$.fn.undelegate = function(selector, event, callback){
|
||||
return this.each(function(element){
|
||||
remove(element, event, callback, selector);
|
||||
});
|
||||
}
|
||||
|
||||
$.fn.live = function(event, callback){
|
||||
$(document.body).delegate(this.selector, event, callback);
|
||||
return this;
|
||||
};
|
||||
$.fn.die = function(event, callback){
|
||||
$(document.body).undelegate(this.selector, event, callback);
|
||||
return this;
|
||||
};
|
||||
|
||||
$.fn.trigger = function(event){
|
||||
return this.each(function(element){
|
||||
var e = document.createEvent('Events');
|
||||
element.dispatchEvent(e, e.initEvent(event, true, false));
|
||||
});
|
||||
};
|
||||
})(Zepto);
|
||||
(function($){
|
||||
function detect(ua){
|
||||
var ua = ua, os = {},
|
||||
android = ua.match(/(Android)\s+([\d.]+)/),
|
||||
iphone = ua.match(/(iPhone\sOS)\s([\d_]+)/),
|
||||
ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
|
||||
webos = ua.match(/(webOS)\/([\d.]+)/);
|
||||
if (android) os.android = true, os.version = android[2];
|
||||
if (iphone) os.ios = true, os.version = iphone[2].replace(/_/g, '.'), os.iphone = true;
|
||||
if (ipad) os.ios = true, os.version = ipad[2].replace(/_/g, '.'), os.ipad = true;
|
||||
if (webos) os.webos = true, os.version = webos[2];
|
||||
return os;
|
||||
}
|
||||
$.os = detect(navigator.userAgent);
|
||||
$.__detect = detect;
|
||||
|
||||
var v = navigator.userAgent.match(/WebKit\/([\d.]+)/);
|
||||
$.browser = v ? { webkit: true, version: v[1] } : { webkit: false };
|
||||
})(Zepto);
|
||||
(function($){
|
||||
$.fn.anim = function(properties, duration, ease){
|
||||
var transforms = [], opacity, key;
|
||||
for (key in properties)
|
||||
if (key === 'opacity') opacity = properties[key];
|
||||
else transforms.push(key + '(' + properties[key] + ')');
|
||||
|
||||
return this.css({
|
||||
'-webkit-transition': 'all ' + (duration !== undefined ? duration : 0.5) + 's ' + (ease || ''),
|
||||
'-webkit-transform': transforms.join(' '),
|
||||
opacity: opacity
|
||||
});
|
||||
}
|
||||
})(Zepto);
|
||||
(function($){
|
||||
var touch = {}, touchTimeout;
|
||||
|
||||
function parentIfText(node){
|
||||
return 'tagName' in node ? node : node.parentNode;
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
$(document.body).bind('touchstart', function(e){
|
||||
var now = Date.now(), delta = now - (touch.last || now);
|
||||
touch.target = parentIfText(e.touches[0].target);
|
||||
touchTimeout && clearTimeout(touchTimeout);
|
||||
touch.x1 = e.touches[0].pageX;
|
||||
if (delta > 0 && delta <= 250) touch.isDoubleTap = true;
|
||||
touch.last = now;
|
||||
}).bind('touchmove', function(e){
|
||||
touch.x2 = e.touches[0].pageX
|
||||
}).bind('touchend', function(e){
|
||||
if (touch.isDoubleTap) {
|
||||
$(touch.target).trigger('doubleTap');
|
||||
touch = {};
|
||||
} else if (touch.x2 > 0) {
|
||||
Math.abs(touch.x1 - touch.x2) > 30 && $(touch.target).trigger('swipe') &&
|
||||
$(touch.target).trigger('swipe' + (touch.x1 - touch.x2 > 0 ? 'Left' : 'Right'));
|
||||
touch.x1 = touch.x2 = touch.last = 0;
|
||||
} else if ('last' in touch) {
|
||||
touchTimeout = setTimeout(function(){
|
||||
touchTimeout = null;
|
||||
$(touch.target).trigger('tap')
|
||||
touch = {};
|
||||
}, 250);
|
||||
}
|
||||
}).bind('touchcancel', function(){ touch = {} });
|
||||
});
|
||||
|
||||
['swipe', 'swipeLeft', 'swipeRight', 'doubleTap', 'tap'].forEach(function(m){
|
||||
$.fn[m] = function(callback){ return this.bind(m, callback) }
|
||||
});
|
||||
})(Zepto);
|
||||
(function($){
|
||||
function empty() {}
|
||||
$.ajax = function(options){
|
||||
// { type, url, data, success, dataType, contentType }
|
||||
options = options || {};
|
||||
var data = options.data,
|
||||
callback = options.success || empty,
|
||||
errback = options.error || empty,
|
||||
mime = mimeTypes[options.dataType],
|
||||
content = options.contentType,
|
||||
xhr = new XMLHttpRequest();
|
||||
|
||||
xhr.onreadystatechange = function(){
|
||||
if (xhr.readyState == 4) {
|
||||
if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 0) {
|
||||
if (mime == 'application/json') {
|
||||
var result, error = false;
|
||||
try {
|
||||
result = JSON.parse(xhr.responseText);
|
||||
} catch (e) {
|
||||
error = e;
|
||||
}
|
||||
if (error) errback(xhr, 'parsererror', error);
|
||||
else callback(result, 'success', xhr);
|
||||
} else callback(xhr.responseText, 'success', xhr);
|
||||
} else {
|
||||
errback(xhr, 'error');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
xhr.open(options.type || 'GET', options.url || window.location, true);
|
||||
if (mime) xhr.setRequestHeader('Accept', mime);
|
||||
if (data instanceof Object) data = JSON.stringify(data), content = content || 'application/json';
|
||||
if (content) xhr.setRequestHeader('Content-Type', content);
|
||||
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
|
||||
xhr.send(data);
|
||||
};
|
||||
|
||||
var mimeTypes = $.ajax.mimeTypes = {
|
||||
json: 'application/json',
|
||||
xml: 'application/xml',
|
||||
html: 'text/html',
|
||||
text: 'text/plain'
|
||||
};
|
||||
|
||||
$.get = function(url, success){ $.ajax({ url: url, success: success }) };
|
||||
$.post = function(url, data, success, dataType){
|
||||
if (data instanceof Function) dataType = dataType || success, success = data, data = null;
|
||||
$.ajax({ type: 'POST', url: url, data: data, success: success, dataType: dataType });
|
||||
};
|
||||
$.getJSON = function(url, success){ $.ajax({ url: url, success: success, dataType: 'json' }) };
|
||||
|
||||
$.fn.load = function(url, success){
|
||||
if (!this.dom.length) return this;
|
||||
var self = this, parts = url.split(/\s/), selector;
|
||||
if (parts.length > 1) url = parts[0], selector = parts[1];
|
||||
$.get(url, function(response){
|
||||
self.html(selector ?
|
||||
$(document.createElement('div')).html(response).find(selector).html()
|
||||
: response);
|
||||
success && success();
|
||||
});
|
||||
return this;
|
||||
};
|
||||
})(Zepto);
|
||||
(function($){
|
||||
var cache = [], timeout;
|
||||
|
||||
$.fn.remove = function(){
|
||||
return this.each(function(element){
|
||||
if(element.tagName == 'IMG'){
|
||||
cache.push(element);
|
||||
element.src = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
|
||||
if (timeout) clearTimeout(timeout);
|
||||
timeout = setTimeout(function(){ cache = [] }, 60000);
|
||||
}
|
||||
element.parentNode.removeChild(element);
|
||||
});
|
||||
}
|
||||
})(Zepto);
|
||||
Reference in New Issue
Block a user