1137 lines
44 KiB
JavaScript
1137 lines
44 KiB
JavaScript
|
;(function(root, factory) {
|
|||
|
|
if (typeof define === 'function' && define.amd) {
|
|||
|
|
define(['JSLite'], factory);
|
|||
|
|
} else if (typeof exports === 'object') {
|
|||
|
|
module.exports = factory(require('JSLite'));
|
|||
|
|
} else {
|
|||
|
|
root.JSLite = factory(root.JSLite);
|
|||
|
|
}
|
|||
|
|
}(this, function(JSLite) {
|
|||
|
|
//修复IE，增加方法getComputedStyle为对象的窗口和getPropertyValue方法的对象，它返回的getComputedStyle
|
|||
|
|
if (window&&!window.getComputedStyle) {
|
|||
|
|
window.getComputedStyle = function(el, pseudo) {
|
|||
|
|
this.el = el;
|
|||
|
|
this.getPropertyValue = function(prop) {
|
|||
|
|
if (prop == 'float') prop = 'styleFloat';
|
|||
|
|
prop = camelCase(prop);
|
|||
|
|
return el.currentStyle[prop] || null;
|
|||
|
|
}
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//IE浏览器对filter方法的支持
|
|||
|
|
if (!Array.prototype.filter){
|
|||
|
|
Array.prototype.filter = function(fun /*, thisArg */){
|
|||
|
|
"use strict";
|
|||
|
|
if (this === void 0 || this === null)
|
|||
|
|
throw new TypeError();
|
|||
|
|
var t = Object(this);
|
|||
|
|
var len = t.length >>> 0;
|
|||
|
|
if (typeof fun !== "function")
|
|||
|
|
throw new TypeError();
|
|||
|
|
var res = [];
|
|||
|
|
var thisArg = arguments.length >= 2 ? arguments[1] : void 0;
|
|||
|
|
for (var i = 0; i < len; i++){
|
|||
|
|
if (i in t){
|
|||
|
|
var val = t[i];
|
|||
|
|
if (fun.call(thisArg, val, i, t))
|
|||
|
|
res.push(val);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return res;
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
//IE对indexOf方法的支持
|
|||
|
|
if(!Array.indexOf){
|
|||
|
|
Array.prototype.indexOf = function(obj){
|
|||
|
|
for(var i=0; i<this.length; i++){
|
|||
|
|
if(this[i]==obj) return i;
|
|||
|
|
}
|
|||
|
|
return -1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//IE对forEach方法的支持
|
|||
|
|
if (!Array.prototype.forEach) {
|
|||
|
|
Array.prototype.forEach = function(fun /*, thisp*/){
|
|||
|
|
var len = this.length;
|
|||
|
|
if (typeof fun != "function")
|
|||
|
|
throw new TypeError();
|
|||
|
|
var thisp = arguments[1];
|
|||
|
|
for (var i = 0; i < len; i++){
|
|||
|
|
if (i in this)
|
|||
|
|
fun.call(thisp, this[i], i, this);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//删除数组 元素
|
|||
|
|
if (!Array.prototype.remove){
|
|||
|
|
Array.prototype.remove = function(val) {
|
|||
|
|
var index = this.indexOf(val);
|
|||
|
|
return index > -1 && this.splice(index, 1), this;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// trim 对于原型没有，进行扩展
|
|||
|
|
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/trim
|
|||
|
|
if (!String.prototype.trim) {
|
|||
|
|
String.prototype.trim = function () {
|
|||
|
|
return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function likeArray(obj) {
|
|||
|
|
return obj ? typeof obj.length == 'number' : null;
|
|||
|
|
}
|
|||
|
|
function each(elements, callback) {
|
|||
|
|
var i, key;
|
|||
|
|
if (likeArray(elements)) {
|
|||
|
|
for (i = 0; i < elements.length; i++) {
|
|||
|
|
if (callback.call(elements[i], i, elements[i]) === false) {
|
|||
|
|
return elements;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
for (key in elements) {
|
|||
|
|
if (callback.call(elements[key], key, elements[key]) === false) {
|
|||
|
|
return elements;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return elements;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var class2type = {}
|
|||
|
|
each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(i, name) {
|
|||
|
|
class2type[ "[object " + name + "]" ] = name.toLowerCase();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function type(obj) {
|
|||
|
|
if ( obj == null ) return obj + "";
|
|||
|
|
return typeof obj === "object" || typeof obj === "function" ?
|
|||
|
|
class2type[ toString.call(obj) ] || "object" :
|
|||
|
|
typeof obj;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isFunction(fn) {
|
|||
|
|
return type(fn) == 'function';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isObject(obj) {
|
|||
|
|
return type(obj) == 'object';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isArray(arr) {
|
|||
|
|
return Array.isArray ? Array.isArray(arr) : type(arr) === 'array';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isString(obj) {
|
|||
|
|
return typeof obj == 'string';
|
|||
|
|
}
|
|||
|
|
function isPlainObject(obj) {
|
|||
|
|
// 判断是否为 `{}` 和 `new Object`
|
|||
|
|
function hasOwn( class2type ) {
|
|||
|
|
return class2type.hasOwnProperty;
|
|||
|
|
}
|
|||
|
|
// 判断不是简单的对象 非 `DOM 节点`，`window`
|
|||
|
|
if ( JSLite.type( obj ) !== "object" || obj.nodeType || JSLite.isWindow( obj ) ) return false;
|
|||
|
|
if ( obj.constructor && !hasOwn.call( obj.constructor.prototype, "isPrototypeOf" ) ) return false;
|
|||
|
|
// 如果是 `{}` 和 `new Object` 返回true
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isJson(obj) {
|
|||
|
|
var isjson = typeof(obj) == "object" &&
|
|||
|
|
toString.call(obj).toLowerCase() == "[object object]" && !obj.length;
|
|||
|
|
return isjson;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isWindow(win) {
|
|||
|
|
return win && win == win.window;
|
|||
|
|
}
|
|||
|
|
function isDocument(doc) {
|
|||
|
|
return doc && doc.nodeType == doc.DOCUMENT_NODE;
|
|||
|
|
}
|
|||
|
|
var P = {};
|
|||
|
|
P = {
|
|||
|
|
singleTagRE: /^<(\w+)\s*\/?>(?:<\/\1>|)$/,
|
|||
|
|
fragmentRE: /^\s*<(\w+|!)[^>]*>/,
|
|||
|
|
tagExpanderRE: /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
|
|||
|
|
table: document.createElement('table'),
|
|||
|
|
tableRow: document.createElement('tr'),
|
|||
|
|
containers: {
|
|||
|
|
'*': document.createElement('div'),
|
|||
|
|
'tr': document.createElement('tbody'),
|
|||
|
|
'tbody': P.table,
|
|||
|
|
'thead': P.table,
|
|||
|
|
'tfoot': P.table,
|
|||
|
|
'td': P.tableRow,
|
|||
|
|
'th': P.tableRow
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// fragment
|
|||
|
|
// 需要一个HTML字符串和一个可选的标签名
|
|||
|
|
// 生成DOM节点从给定的HTML字符串节点。
|
|||
|
|
// 生成的DOM节点作为一个数组返回。
|
|||
|
|
function fragment(html, name) {
|
|||
|
|
var dom, container;
|
|||
|
|
if (P.singleTagRE.test(html)) dom = JSLite(document.createElement(RegExp.$1));
|
|||
|
|
if (!dom) {
|
|||
|
|
if (html.replace) {
|
|||
|
|
html = html.replace(P.tagExpanderRE, "<$1></$2>");
|
|||
|
|
}
|
|||
|
|
if (name === undefined) {
|
|||
|
|
name = P.fragmentRE.test(html) && RegExp.$1;
|
|||
|
|
}
|
|||
|
|
if (!(name in P.containers)) {
|
|||
|
|
name = '*';
|
|||
|
|
}
|
|||
|
|
container = P.containers[name];
|
|||
|
|
container.innerHTML = '' + html;
|
|||
|
|
dom = each(slice.call(container.childNodes), function() {
|
|||
|
|
container.removeChild(this);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
return dom;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function funcArg(context, arg, idx, payload) {
|
|||
|
|
return isFunction(arg) ? arg.call(context, idx, payload) : arg;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//将样式属性字符转换成驼峰。
|
|||
|
|
function camelCase(string){
|
|||
|
|
// Support: IE9-11+
|
|||
|
|
return string.replace( /^-ms-/, "ms-" ).replace( /-([a-z])/g, function( all, letter ) {
|
|||
|
|
return letter.toUpperCase();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//将字符串格式化成 如border-width 样式上使用
|
|||
|
|
function dasherize(str) {
|
|||
|
|
return str.replace(/::/g, '/')
|
|||
|
|
.replace(/([A-Z]+)([A-Z][a-z])/g, '$1_$2')
|
|||
|
|
.replace(/([a-z\d])([A-Z])/g, '$1_$2')
|
|||
|
|
.replace(/_/g, '-')
|
|||
|
|
.toLowerCase()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// parents、 nextAll等方法调用
|
|||
|
|
// nodes 节点集合或者单个节点
|
|||
|
|
// selector 选择器，过滤用
|
|||
|
|
// dir 获取集合比如`parentNode`
|
|||
|
|
function dir(nodes,selector,dir){
|
|||
|
|
var ancestors = []
|
|||
|
|
while (nodes.length > 0) nodes = $.map(nodes, function(node){
|
|||
|
|
if ((node = node[dir]) && !isDocument(node) && ancestors.indexOf(node) < 0) {
|
|||
|
|
ancestors.push(node)
|
|||
|
|
return node
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
return selector&&isString(selector)?$(ancestors).filter(selector):$(ancestors);
|
|||
|
|
}
|
|||
|
|
var emptyArray = [],
|
|||
|
|
slice = emptyArray.slice,
|
|||
|
|
filter = emptyArray.filter,
|
|||
|
|
some = emptyArray.some,
|
|||
|
|
emptyObject = {},
|
|||
|
|
toString = emptyObject.toString,
|
|||
|
|
elementTypes = [1, 9, 11],
|
|||
|
|
propMap = {
|
|||
|
|
'tabindex': 'tabIndex',
|
|||
|
|
'readonly': 'readOnly',
|
|||
|
|
'for': 'htmlFor',
|
|||
|
|
'class': 'className',
|
|||
|
|
'maxlength': 'maxLength',
|
|||
|
|
'cellspacing': 'cellSpacing',
|
|||
|
|
'cellpadding': 'cellPadding',
|
|||
|
|
'rowspan': 'rowSpan',
|
|||
|
|
'colspan': 'colSpan',
|
|||
|
|
'usemap': 'useMap',
|
|||
|
|
'frameborder': 'frameBorder',
|
|||
|
|
'contenteditable': 'contentEditable'
|
|||
|
|
},
|
|||
|
|
JSLite;
|
|||
|
|
|
|||
|
|
|
|||
|
|
JSLite = (function(){
|
|||
|
|
var JSLite = function(selector) {
|
|||
|
|
return new JSLite.fn.init(selector);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
JSLite.fn = JSLite.prototype = {
|
|||
|
|
init: function(selector) {
|
|||
|
|
var dom ;
|
|||
|
|
if (!selector) {
|
|||
|
|
dom = emptyArray,dom.selector = selector || '',dom.__proto__ = JSLite.fn.init.prototype;
|
|||
|
|
} else if (typeof selector == 'string' && (selector = selector.trim()) && selector[0] == '<' && /^\s*<(\w+|!)[^>]*>/.test(selector)) {
|
|||
|
|
dom = fragment(selector),selector=null;
|
|||
|
|
} else if (isFunction(selector)) {
|
|||
|
|
return JSLite(document).ready(selector);
|
|||
|
|
} else {
|
|||
|
|
if (isArray(selector)) {
|
|||
|
|
dom = selector;
|
|||
|
|
} else if (isObject(selector)) {
|
|||
|
|
dom = [selector], selector = null
|
|||
|
|
} else if (elementTypes.indexOf(selector.nodeType) >= 0 || selector === window) {
|
|||
|
|
dom = [selector], selector = null;
|
|||
|
|
} else {
|
|||
|
|
dom = (function(){
|
|||
|
|
var found;
|
|||
|
|
return (document && /^#([\w-]+)$/.test(selector))?
|
|||
|
|
((found = document.getElementById(RegExp.$1)) ? [found] : [] ):
|
|||
|
|
slice.call(
|
|||
|
|
/^\.([\w-]+)$/.test(selector) ? document.getElementsByClassName(RegExp.$1) :
|
|||
|
|
/^[\w-]+$/.test(selector) ? document.getElementsByTagName(selector) :
|
|||
|
|
document.querySelectorAll(selector)
|
|||
|
|
);
|
|||
|
|
})();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
dom = dom || emptyArray;
|
|||
|
|
JSLite.extend(dom, JSLite.fn);
|
|||
|
|
dom.selector = selector || '';
|
|||
|
|
return dom;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
JSLite.fn.init.prototype = JSLite.fn;
|
|||
|
|
|
|||
|
|
return JSLite;
|
|||
|
|
})();
|
|||
|
|
|
|||
|
|
JSLite.extend = JSLite.fn.extend = function () {
|
|||
|
|
var options, name, src, copy,
|
|||
|
|
target = arguments[0],i = 1,
|
|||
|
|
length = arguments.length,
|
|||
|
|
deep = false;
|
|||
|
|
//处理深拷贝的情况
|
|||
|
|
if (typeof (target) === "boolean")
|
|||
|
|
deep = target,target = arguments[1] || {},i = 2;
|
|||
|
|
//处理时，目标是一个字符串或（深拷贝可能的情况下）的东西
|
|||
|
|
if (typeof (target) !== "object" && !isFunction(target))
|
|||
|
|
target = {};
|
|||
|
|
//扩展JSLite的本身，如果只有一个参数传递
|
|||
|
|
if (length === i) target = this,--i;
|
|||
|
|
for (; i < length; i++) {
|
|||
|
|
if ((options = arguments[i]) != null) {
|
|||
|
|
for (name in options) {
|
|||
|
|
src = target[name],copy = options[name];
|
|||
|
|
if (target === copy) continue;
|
|||
|
|
if (copy !== undefined) target[name] = copy;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return target;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
JSLite.extend({
|
|||
|
|
isDocument:isDocument,
|
|||
|
|
isFunction:isFunction,
|
|||
|
|
isObject:isObject,
|
|||
|
|
isArray:isArray,
|
|||
|
|
isString:isString,
|
|||
|
|
isWindow:isWindow,
|
|||
|
|
isPlainObject:isPlainObject,
|
|||
|
|
isJson:isJson,
|
|||
|
|
parseJSON:JSON.parse,
|
|||
|
|
type:type,
|
|||
|
|
likeArray:likeArray,
|
|||
|
|
trim:function(str){return str == null ? "" : String.prototype.trim.call(str)},
|
|||
|
|
intersect:function(a,b){
|
|||
|
|
var array=[];
|
|||
|
|
a.forEach(function(item){
|
|||
|
|
if(b.indexOf(item)>-1) array.push(item);
|
|||
|
|
})
|
|||
|
|
return array;
|
|||
|
|
},
|
|||
|
|
error:function(msg) {throw msg;},
|
|||
|
|
getUrlParam: function(name, searchStr) {
|
|||
|
|
// 兼容 ?id=22&name=%E4%B8%AD%E6%96%87&DEBUG 处理
|
|||
|
|
var url = searchStr || location.search;
|
|||
|
|
var params = {};
|
|||
|
|
|
|||
|
|
if (url.indexOf('?') != -1) {
|
|||
|
|
var arr = url.substr(1).split('&');
|
|||
|
|
for(var i = 0, l = arr.length; i < l; i ++) {
|
|||
|
|
var kv = arr[i].split('=');
|
|||
|
|
params[kv[0]] = kv[1] && decodeURIComponent(kv[1]); // 有值解码，无值 undefined
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return name ? params[name] : params;
|
|||
|
|
},
|
|||
|
|
each:function(elements, callback){return each.apply(this,arguments);},
|
|||
|
|
map:function(elements, callback){
|
|||
|
|
var value, values = [], i, key
|
|||
|
|
if (likeArray(elements)) for (i = 0; i < elements.length; i++) {
|
|||
|
|
value = callback(elements[i], i)
|
|||
|
|
if (value != null) values.push(value)
|
|||
|
|
}
|
|||
|
|
else for (key in elements) {
|
|||
|
|
value = callback(elements[key], key)
|
|||
|
|
if (value != null) values.push(value)
|
|||
|
|
}
|
|||
|
|
return values.length > 0 ? JSLite.fn.concat.apply([], values) : values;
|
|||
|
|
},
|
|||
|
|
grep:function(elements, callback){
|
|||
|
|
return filter.call(elements, callback)
|
|||
|
|
},
|
|||
|
|
matches:function(element, selector){
|
|||
|
|
if (!selector || !element || element.nodeType !== 1) return false;
|
|||
|
|
var matchesSelector = element.webkitMatchesSelector || element.mozMatchesSelector ||
|
|||
|
|
element.oMatchesSelector || element.msMatchesSelector || element.matchesSelector;
|
|||
|
|
if (matchesSelector) return matchesSelector.call(element, selector);
|
|||
|
|
},
|
|||
|
|
unique:function(array){return filter.call(array, function(item, idx){ return array.indexOf(item) == idx })},
|
|||
|
|
inArray:function(elem, array, i){
|
|||
|
|
return emptyArray.indexOf.call(array, elem, i)
|
|||
|
|
},
|
|||
|
|
sibling:function(nodes,ty){
|
|||
|
|
var ancestors = [];
|
|||
|
|
if(nodes.length > 0) ancestors = JSLite.map(nodes, function(node){
|
|||
|
|
if ((node = node[ty]) && !isDocument(node) && ancestors.indexOf(node) < 0)
|
|||
|
|
ancestors.push(node)
|
|||
|
|
return node
|
|||
|
|
});
|
|||
|
|
return this.unique(ancestors);
|
|||
|
|
},
|
|||
|
|
contains:function(parent, node){
|
|||
|
|
if(parent&&!node) return document.documentElement.contains(parent)
|
|||
|
|
return parent !== node && parent.contains(node)
|
|||
|
|
},
|
|||
|
|
camelCase:camelCase,
|
|||
|
|
now:Date.now
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
JSLite.fn.extend({
|
|||
|
|
forEach: emptyArray.forEach,
|
|||
|
|
concat: emptyArray.concat,
|
|||
|
|
indexOf: emptyArray.indexOf,
|
|||
|
|
each: function(callback){
|
|||
|
|
return JSLite.each(this,callback);
|
|||
|
|
},
|
|||
|
|
map: function(fn){
|
|||
|
|
return JSLite(JSLite.map(this, function(el, i){ return fn.call(el, i, el) }));
|
|||
|
|
},
|
|||
|
|
get: function(index){
|
|||
|
|
return index === undefined ? slice.call(this) : this[index >= 0 ? index : index + this.length];
|
|||
|
|
},
|
|||
|
|
index: function(element){
|
|||
|
|
return element ? (type(element) === 'string'?this.indexOf(this.parent().children(element)[0]):this.indexOf(element))
|
|||
|
|
: this.parent().children().indexOf(this[0])
|
|||
|
|
},
|
|||
|
|
is: function(selector){
|
|||
|
|
if (this.length > 0 && typeof selector !== 'string') return this.indexOf(selector)>-1?true:false;
|
|||
|
|
return this.length > 0 && JSLite.matches(this[0], selector);
|
|||
|
|
},
|
|||
|
|
add: function(selector){return JSLite(JSLite.unique(this.concat(JSLite(selector))) );},
|
|||
|
|
eq: function(idx){return idx === -1 ? JSLite(this.slice(idx)) : JSLite(this.slice(idx, + idx + 1))},
|
|||
|
|
first: function(){
|
|||
|
|
var el = this[0]
|
|||
|
|
return el && !isObject(el) ? el : JSLite(el)
|
|||
|
|
},
|
|||
|
|
slice:function(argument) { return JSLite(slice.apply(this, arguments));},
|
|||
|
|
size:function(){return this.length;},
|
|||
|
|
//遍历查找对象
|
|||
|
|
filter:function(selector){
|
|||
|
|
if (isFunction(selector)) return this.not(this.not(selector))
|
|||
|
|
return JSLite(filter.call(this, function(element){
|
|||
|
|
return JSLite.matches(element, selector)
|
|||
|
|
}))
|
|||
|
|
},
|
|||
|
|
not:function(selector){
|
|||
|
|
var nodes = [];
|
|||
|
|
if (isFunction(selector)&& selector.call !== undefined){
|
|||
|
|
this.each(function(idx){
|
|||
|
|
if (!selector.call(this,idx)) nodes.push(this);
|
|||
|
|
});
|
|||
|
|
}else {
|
|||
|
|
var excludes = typeof selector == 'string' ? this.filter(selector):
|
|||
|
|
(likeArray(selector) && isFunction(selector.item)) ? slice.call(selector) : JSLite(selector)
|
|||
|
|
this.forEach(function(el){
|
|||
|
|
if (excludes.indexOf(el) < 0) nodes.push(el)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
return JSLite(nodes)
|
|||
|
|
},
|
|||
|
|
children:function(selector){
|
|||
|
|
var e=[];
|
|||
|
|
filter.call(this.pluck('children'), function(item, idx){
|
|||
|
|
JSLite.map(item,function(els){ if (els&&els.nodeType == 1) e.push(els) })
|
|||
|
|
});
|
|||
|
|
return JSLite(e).filter(selector || '*');
|
|||
|
|
},
|
|||
|
|
contents: function(selector) {
|
|||
|
|
return this.map(function() {
|
|||
|
|
return this.contentDocument || $.grep(this.childNodes,function(node){
|
|||
|
|
return selector? $.matches(node,selector):node
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
parent: function(selector){return JSLite(JSLite.unique(this.pluck('parentNode'))).filter(selector||'*')},
|
|||
|
|
parents: function(selector){return dir(this,selector,'parentNode')},
|
|||
|
|
closest: function(selector, context){
|
|||
|
|
var node = this[0], collection = false
|
|||
|
|
if (typeof selector == 'object') collection = JSLite(selector)
|
|||
|
|
while (node && !(collection ? collection.indexOf(node) >= 0 : JSLite.matches(node, selector)))
|
|||
|
|
node = node !== context && !isDocument(node) && node.parentNode
|
|||
|
|
return JSLite(node)
|
|||
|
|
},
|
|||
|
|
prev: function(selector){
|
|||
|
|
return JSLite(this.pluck('previousElementSibling')).filter(selector || '*')
|
|||
|
|
},
|
|||
|
|
next: function(selector){
|
|||
|
|
return JSLite(this.pluck('nextElementSibling')).filter(selector || '*')
|
|||
|
|
},
|
|||
|
|
nextAll: function (selector) { return dir(this,selector,'nextElementSibling')},
|
|||
|
|
prevAll: function (selector) { return dir(this,selector,'previousElementSibling')},
|
|||
|
|
siblings: function(selector){
|
|||
|
|
var n=[];this.map(function(i,el){
|
|||
|
|
filter.call(el.parentNode.children, function(els, idx){
|
|||
|
|
if (els&&els.nodeType == 1&&els!=el) n.push(els)
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
return JSLite(n).filter(selector || '*');
|
|||
|
|
},
|
|||
|
|
find: function(selector){
|
|||
|
|
var nodes = this.children(),ancestors=[];
|
|||
|
|
while (nodes.length > 0)
|
|||
|
|
nodes=JSLite.map(nodes, function(node,inx){
|
|||
|
|
if (ancestors.indexOf(node)<0) ancestors.push(node);
|
|||
|
|
if ((nodes = JSLite(node).children())&&nodes.length>0 ) return nodes;
|
|||
|
|
});
|
|||
|
|
return JSLite(ancestors).filter(selector || '*');
|
|||
|
|
},
|
|||
|
|
//DOM 操作
|
|||
|
|
replaceWith: function(newContent){
|
|||
|
|
return this.before(newContent).remove()
|
|||
|
|
},
|
|||
|
|
unwrap: function(){
|
|||
|
|
this.parent().each(function(){
|
|||
|
|
JSLite(this).replaceWith(JSLite(this).html());
|
|||
|
|
})
|
|||
|
|
return this
|
|||
|
|
},
|
|||
|
|
remove: function(selector){
|
|||
|
|
var elm = selector?JSLite(this.find(funcArg(this, selector))):this;
|
|||
|
|
return elm.each(function(){
|
|||
|
|
if (this.parentNode != null) this.parentNode.removeChild(this)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
detach: function(){return this.remove();},
|
|||
|
|
empty: function(){ return this.each(function(){ this.innerHTML = '' }) },
|
|||
|
|
clone: function(){return this.map(function(){ return this.cloneNode(true)})},
|
|||
|
|
text: function(text){
|
|||
|
|
return text === undefined ?
|
|||
|
|
(this.length > 0 ? this[0].textContent : null) :
|
|||
|
|
this.each(function(){this.textContent = funcArg(this, text)});
|
|||
|
|
},
|
|||
|
|
html:function(html){
|
|||
|
|
return 0 in arguments ? this.each(function(idx){
|
|||
|
|
JSLite(this).empty().append(funcArg(this, html))
|
|||
|
|
}) : (0 in this ? this[0].innerHTML : null)
|
|||
|
|
},
|
|||
|
|
//效果
|
|||
|
|
hide:function(){ return this.css("display", "none")},
|
|||
|
|
show:function(){
|
|||
|
|
return this.each(function(){
|
|||
|
|
this.style.display == "none" && (this.style.display = '');
|
|||
|
|
var CurrentStyle = function(e){
|
|||
|
|
return e.currentStyle || document.defaultView.getComputedStyle(e, null);
|
|||
|
|
}
|
|||
|
|
function defaultDisplay(nodeName) {
|
|||
|
|
var elm=document.createElement(nodeName),display
|
|||
|
|
JSLite('body').append(JSLite(elm));
|
|||
|
|
display = CurrentStyle(elm)['display'];
|
|||
|
|
elm.parentNode.removeChild(elm)
|
|||
|
|
return display
|
|||
|
|
}
|
|||
|
|
if (CurrentStyle(this)['display']=='none') {
|
|||
|
|
this.style.display = defaultDisplay(this.nodeName)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
toggle:function(setting){
|
|||
|
|
return this.each(function(){
|
|||
|
|
var el = JSLite(this);(setting === undefined ? el.css("display") == "none" : setting) ? el.show() : el.hide()
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
//尺寸规格
|
|||
|
|
offset:function(){
|
|||
|
|
if(this.length==0) return null;
|
|||
|
|
var obj = this[0].getBoundingClientRect();
|
|||
|
|
return {
|
|||
|
|
left: obj.left + window.pageXOffset,
|
|||
|
|
top: obj.top + window.pageYOffset,
|
|||
|
|
width: obj.width,
|
|||
|
|
height: obj.height
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
//操控CSS
|
|||
|
|
css:function(property, value){
|
|||
|
|
var elem = this[0];
|
|||
|
|
if(arguments.length < 2){
|
|||
|
|
if (!elem) return [];
|
|||
|
|
if(!value && typeof property == 'string') return elem.style[property];
|
|||
|
|
if(isArray(property)){
|
|||
|
|
var props = {}
|
|||
|
|
$.each(property, function(_, prop){
|
|||
|
|
props[prop] = elem.style[camelCase(prop)]
|
|||
|
|
})
|
|||
|
|
return props
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var css={},k;
|
|||
|
|
if (typeof property == 'string') {
|
|||
|
|
//当value的值为非零的 空不存在，删掉property样式
|
|||
|
|
if (!value && value !== 0) this.each(function(){ this.style.removeProperty(dasherize(property)) });
|
|||
|
|
else css[dasherize(property)] = value
|
|||
|
|
} else {
|
|||
|
|
for(k in property){
|
|||
|
|
if(!property[k] && property[k] !== 0){
|
|||
|
|
this.each(function(){ this.style.removeProperty(dasherize(k)) });
|
|||
|
|
}else{
|
|||
|
|
css[dasherize(k)] = property[k];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 设置样式
|
|||
|
|
return this.each(function(){ for(var a in css) this.style[a] = css[a];});
|
|||
|
|
},
|
|||
|
|
hasClass:function(name){
|
|||
|
|
if (!name) return false
|
|||
|
|
return emptyArray.some.call(this, function(el){
|
|||
|
|
return (' ' + el.className + ' ').indexOf(this) > -1
|
|||
|
|
}, ' ' + name + ' ');
|
|||
|
|
},
|
|||
|
|
addClass:function(name){
|
|||
|
|
if (!name) return this;
|
|||
|
|
var classList,cls,newName;
|
|||
|
|
return this.each(function(idx){
|
|||
|
|
classList=[],cls = this.className,newName=funcArg(this, name).trim();
|
|||
|
|
newName.split(/\s+/).forEach(function(k){
|
|||
|
|
if (!JSLite(this).hasClass(k)) classList.push(k);
|
|||
|
|
},this);
|
|||
|
|
if (!newName) return this;
|
|||
|
|
classList.length ? this.className = cls + (cls ? " " : "") + classList.join(" "):null;
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
removeClass:function(name){
|
|||
|
|
var cls;
|
|||
|
|
if (name === undefined) return this.removeAttr('class');
|
|||
|
|
return this.each(function(idx){
|
|||
|
|
cls = this.className;
|
|||
|
|
funcArg(this, name, idx, cls).split(/\s+/).forEach(function(k){
|
|||
|
|
cls=cls.replace(new RegExp('(^|\\s)'+k+'(\\s|$)')," ").trim();
|
|||
|
|
},this);
|
|||
|
|
cls?this.className = cls:this.className = "";
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
toggleClass:function(name){
|
|||
|
|
if(!name) return this;
|
|||
|
|
return this.each(function(idx){
|
|||
|
|
var w=JSLite(this),names=funcArg(this, name);
|
|||
|
|
names.split(/\s+/g).forEach(function(cls){
|
|||
|
|
w.hasClass(cls)?w.removeClass(cls):w.addClass(cls);
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
//属性
|
|||
|
|
pluck: function(property){ return JSLite.map(this, function(el){ return el[property] })},
|
|||
|
|
prop: function(name, value){
|
|||
|
|
name = propMap[name] || name
|
|||
|
|
return (1 in arguments) ? this.each(function(idx){
|
|||
|
|
this[name] = funcArg(this, value, idx, this[name])
|
|||
|
|
}) :(this[0] && this[0][name])
|
|||
|
|
},
|
|||
|
|
removeProp: function(name) {
|
|||
|
|
name = propMap[name] || name;
|
|||
|
|
return this.each(function() {
|
|||
|
|
// 在IE中处理window属性可能报错
|
|||
|
|
try {
|
|||
|
|
this[name] = undefined;
|
|||
|
|
delete this[name];
|
|||
|
|
} catch(e) {}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
attr: function(name,value){
|
|||
|
|
var result,k;
|
|||
|
|
return (typeof name == 'string' && !(1 in arguments)) ?
|
|||
|
|
(!this.length || this[0].nodeType !== 1 ? undefined :
|
|||
|
|
(!(result = this[0].getAttribute(name)) && name in this[0]) ? this[0][name] : result
|
|||
|
|
) : this.each(function(n){
|
|||
|
|
if (isObject(name)) for(k in name) this.setAttribute(k, name[k]);
|
|||
|
|
else this.setAttribute(name,funcArg(this, value));
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
removeAttr:function(name){
|
|||
|
|
return this.each(function(){ this.nodeType === 1 && this.removeAttribute(name)});
|
|||
|
|
},
|
|||
|
|
val:function(value){
|
|||
|
|
return 0 in arguments ?
|
|||
|
|
this.each(function(idx){this.value = funcArg(this, value, idx, this.value)}) :
|
|||
|
|
(this[0] && (this[0].multiple ?
|
|||
|
|
JSLite(this[0]).find('option').filter(function(){ return this.selected }).pluck('value') :
|
|||
|
|
this[0].value))
|
|||
|
|
},
|
|||
|
|
data: function(name, value){
|
|||
|
|
var attrName = 'data-' + name,data,a
|
|||
|
|
if(!name) return this[0].dataset;
|
|||
|
|
if(name&&isJson(name)){
|
|||
|
|
for(a in name) this.attr('data-' + a, name[a])
|
|||
|
|
return this
|
|||
|
|
}
|
|||
|
|
if(value&&(isArray(value) || isJson(value))) value = JSON.stringify(value);
|
|||
|
|
|
|||
|
|
data = (1 in arguments) ? this.attr(attrName, value) : this.attr(attrName);
|
|||
|
|
try{data = JSON.parse(data);}catch(e){}
|
|||
|
|
return data;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 创建 scrollLeft 和 scrollTop 方法
|
|||
|
|
JSLite.each( { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function( method, prop ) {
|
|||
|
|
var top = "pageYOffset" === prop;
|
|||
|
|
JSLite.fn[ method ] = function( value ) {
|
|||
|
|
var win = isWindow( this[0] );
|
|||
|
|
if ( value === undefined ) return win ? window[ prop ] : this[0][ method ];
|
|||
|
|
if ( win ) {
|
|||
|
|
window.scrollTo(
|
|||
|
|
!top ? value : window.pageXOffset,
|
|||
|
|
top ? value : window.pageYOffset
|
|||
|
|
);
|
|||
|
|
return this[0];
|
|||
|
|
} else return this.each(function(){
|
|||
|
|
this[ method ] = value;
|
|||
|
|
})
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
;['after','prepend','before','append'].forEach(function(operator, operatorIndex) {
|
|||
|
|
var inside = operatorIndex % 2;
|
|||
|
|
JSLite.fn[operator] = function(){
|
|||
|
|
var argType, nodes = JSLite.map(arguments, function(arg) {
|
|||
|
|
argType = type(arg)
|
|||
|
|
if(argType=="function") arg = funcArg(this, arg)
|
|||
|
|
return argType == "object" || argType == "array" || arg == null ? arg : fragment(arg)
|
|||
|
|
}),parent,script,copyByClone = this.length > 1
|
|||
|
|
if (nodes.length < 1) return this
|
|||
|
|
return this.each(function(_, target){
|
|||
|
|
parent = inside ? target : target.parentNode
|
|||
|
|
target = operatorIndex == 0 ? target.nextSibling :
|
|||
|
|
operatorIndex == 1 ? target.firstChild :
|
|||
|
|
operatorIndex == 2 ? target :
|
|||
|
|
null;
|
|||
|
|
|
|||
|
|
var parentInDocument = JSLite.contains(document.documentElement, parent)
|
|||
|
|
|
|||
|
|
nodes.forEach(function(node){
|
|||
|
|
var txt
|
|||
|
|
if (copyByClone) node = node.cloneNode(true)
|
|||
|
|
parent.insertBefore(node, target);
|
|||
|
|
if(parentInDocument && node.nodeName != null && node.nodeName.toUpperCase() === 'SCRIPT' &&
|
|||
|
|
(!node.type || node.type === 'text/javascript') && !node.src) txt=node.innerHTML;
|
|||
|
|
else if(parentInDocument &&node.children && node.children.length>0&&JSLite(node)&&(script=JSLite(node).find("script")))
|
|||
|
|
if(script.length>0) script.each(function(_,item){
|
|||
|
|
txt=item.innerHTML
|
|||
|
|
});
|
|||
|
|
txt?window['eval'].call(window, txt):undefined;
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
JSLite.fn[inside ? operator+'To' : 'insert'+(operatorIndex ? 'Before' : 'After')] = function(html){
|
|||
|
|
JSLite(html)[operator](this)
|
|||
|
|
return this
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
;['width', 'height'].forEach(function(dimension){
|
|||
|
|
var dimensionProperty = dimension.replace(/./,dimension[0].toUpperCase())
|
|||
|
|
JSLite.fn[dimension]=function(value){
|
|||
|
|
var offset, el = this[0]
|
|||
|
|
if (value === undefined) return isWindow(el) ? el['inner' + dimensionProperty] :
|
|||
|
|
isDocument(el) ? el.documentElement['scroll' + dimensionProperty] :
|
|||
|
|
(offset = this.offset()) && offset[dimension]
|
|||
|
|
else return this.each(function(idx){
|
|||
|
|
el = $(this)
|
|||
|
|
el.css(dimension, funcArg(this, value, idx, el[dimension]()))
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var _JSLite = window.JSLite,
|
|||
|
|
_$ = window.$;
|
|||
|
|
|
|||
|
|
JSLite.noConflict = function( deep ) {
|
|||
|
|
if ( window.$ === JSLite ) {
|
|||
|
|
window.$ = _$;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if ( deep && window.JSLite === JSLite ) {
|
|||
|
|
window.JSLite = _JSLite;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return JSLite;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
window.JSLite = window.$ = JSLite;
|
|||
|
|
;(function($){
|
|||
|
|
$.fn.extend({
|
|||
|
|
serializeArray:function(){
|
|||
|
|
var result = [], el,type,elm=this.get(0);
|
|||
|
|
if(!elm || ! elm.elements) return result
|
|||
|
|
$([].slice.call(this.get(0).elements)).each(function(){
|
|||
|
|
el = $(this),type = el.attr('type')
|
|||
|
|
if (this.nodeName.toLowerCase() != 'fieldset' && !this.disabled && type != 'submit' && type != 'reset' && type != 'button' && ((type != 'radio' && type != 'checkbox') || this.checked)) {
|
|||
|
|
result.push({name: el.attr('name'), value: el.val() })
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
return result
|
|||
|
|
},
|
|||
|
|
serialize:function(result){
|
|||
|
|
result = [],this.serializeArray().forEach(function(elm){
|
|||
|
|
result.push(encodeURIComponent(elm.name) + '=' + encodeURIComponent(elm.value))
|
|||
|
|
})
|
|||
|
|
return result.join('&')
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
})(JSLite);
|
|||
|
|
;(function($){
|
|||
|
|
var handlers = {},_jid = 1
|
|||
|
|
/* 绑定事件 start */
|
|||
|
|
$.fn.extend({
|
|||
|
|
ready: function(callback){
|
|||
|
|
if (/complete|loaded|interactive/.test(document.readyState) && document.body) callback(JSLite)
|
|||
|
|
else document.addEventListener('DOMContentLoaded', function(){callback(JSLite) }, false)
|
|||
|
|
return this
|
|||
|
|
},
|
|||
|
|
bind: function(event, func) {return this.each(function(){add(this, event, func)})},
|
|||
|
|
unbind:function(event, func) {return this.each(function(){remove(this, event, func)})},
|
|||
|
|
on:function(event, selector, data, callback){
|
|||
|
|
var self = this
|
|||
|
|
if (event && !$.isString(event)) {
|
|||
|
|
$.each(event, function(type, fn){
|
|||
|
|
self.on(type, selector, data, fn)
|
|||
|
|
})
|
|||
|
|
return self
|
|||
|
|
}
|
|||
|
|
if (!$.isString(selector) && !$.isFunction(callback) && callback !== false)
|
|||
|
|
callback = data, data = selector, selector = undefined
|
|||
|
|
if ($.isFunction(data) || data === false)
|
|||
|
|
callback = data, data = undefined
|
|||
|
|
if (callback === false) callback = function(){return false;}
|
|||
|
|
return this.each(function(){
|
|||
|
|
add(this, event, callback, data, selector)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
off:function(event, selector, callback){
|
|||
|
|
var self = this
|
|||
|
|
if (event && !$.isString(event)) {
|
|||
|
|
$.each(event, function(type, fn){
|
|||
|
|
self.off(type, selector, fn)
|
|||
|
|
})
|
|||
|
|
return self
|
|||
|
|
}
|
|||
|
|
if (!$.isString(selector) && !$.isFunction(callback) && callback !== false)
|
|||
|
|
callback = selector, selector = undefined
|
|||
|
|
if (callback === false) callback = function(){return false;}
|
|||
|
|
return self.each(function(){
|
|||
|
|
remove(this, event, callback, selector)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
delegate: function(selector, event, callback){
|
|||
|
|
return this.on(event, selector, callback)
|
|||
|
|
},
|
|||
|
|
trigger:function(event, data){
|
|||
|
|
var type = event,specialEvents={}
|
|||
|
|
specialEvents.click = specialEvents.mousedown = specialEvents.mouseup = specialEvents.mousemove = 'MouseEvents';
|
|||
|
|
if (typeof type == 'string') {
|
|||
|
|
event = document.createEvent(specialEvents[type] || 'Events');
|
|||
|
|
event.initEvent(type,true, true);
|
|||
|
|
}else return;
|
|||
|
|
event._data = data;
|
|||
|
|
return this.each(function(){
|
|||
|
|
if('dispatchEvent' in this) this.dispatchEvent(event);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$.event={add:add,remove:remove};
|
|||
|
|
function add(element, events, func, data, selector){
|
|||
|
|
var self=this,id=jid(element),set=(handlers[id] || (handlers[id] = []));
|
|||
|
|
events.split(/\s/).forEach(function(event){
|
|||
|
|
var handler = $.extend(parse(event), {fn: func,sel: selector, i: set.length});
|
|||
|
|
var proxyfn = handler.proxy = function (e) {
|
|||
|
|
//处理事件代理
|
|||
|
|
if (selector) {
|
|||
|
|
var $temp = $(element).find(selector);
|
|||
|
|
var res = [].some.call($temp, function(val) {
|
|||
|
|
return val === e.target || $.contains(val, e.target);
|
|||
|
|
});
|
|||
|
|
//不包含
|
|||
|
|
if (!res) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
e.data = data;
|
|||
|
|
var result = func.apply(element,e._data == undefined ? [e] : [e].concat(e._data));
|
|||
|
|
if (result === false) e.preventDefault(), e.stopPropagation();
|
|||
|
|
return result;
|
|||
|
|
};
|
|||
|
|
set.push(handler)
|
|||
|
|
if (element.addEventListener) element.addEventListener(handler.e,proxyfn, false);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
function remove(element, events, func, selector){
|
|||
|
|
;(events || '').split(/\s/).forEach(function(event){
|
|||
|
|
$.event = parse(event)
|
|||
|
|
findHandlers(element, event, func, selector).forEach(function(handler){
|
|||
|
|
delete handlers[jid(element)][handler.i]
|
|||
|
|
if (element.removeEventListener) element.removeEventListener(handler.e, handler.proxy, false);
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
function jid(element) {return element._jid || (element._jid = _jid++)}
|
|||
|
|
function parse(event) {
|
|||
|
|
var parts = ('' + event).split('.');
|
|||
|
|
return {e: parts[0], ns: parts.slice(1).sort().join(' ')};
|
|||
|
|
}
|
|||
|
|
function findHandlers(element, event, func, selector){
|
|||
|
|
var self=this,id = jid(element);event = parse(event)
|
|||
|
|
return (handlers[jid(element)] || []).filter(function(handler) {
|
|||
|
|
return handler
|
|||
|
|
&& (!event.e || handler.e == event.e)
|
|||
|
|
&& (!func || handler.fn.toString()===func.toString())
|
|||
|
|
&& (!selector || handler.sel == selector);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
;("blur focus focusin focusout load resize scroll unload click dblclick " +
|
|||
|
|
"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
|
|||
|
|
"change select submit keydown keypress keyup error paste drop dragstart dragover " +
|
|||
|
|
"beforeunload").split(' ').forEach(function(event) {
|
|||
|
|
$.fn[event] = function(callback) {
|
|||
|
|
return callback ? this.bind(event, callback) : this.trigger(event);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
/* 绑定事件 end */
|
|||
|
|
})(JSLite);
|
|||
|
|
;(function($){
|
|||
|
|
var jsonpID = 0
|
|||
|
|
function parseArguments(url, data, success, dataType){
|
|||
|
|
$.isFunction(data) && (dataType = success, success = data, data = undefined),
|
|||
|
|
$.isFunction(success) || (dataType = success, success = undefined)
|
|||
|
|
return {
|
|||
|
|
url: url,
|
|||
|
|
data: data,
|
|||
|
|
success: success,
|
|||
|
|
dataType: dataType
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$.extend({
|
|||
|
|
ajaxSettings:{
|
|||
|
|
// 默认请求类型
|
|||
|
|
type:'GET',
|
|||
|
|
// 如果请求成功时执行回调
|
|||
|
|
success:function(){},
|
|||
|
|
// 如果请求失败时执行回调
|
|||
|
|
error:function(){},
|
|||
|
|
xhr:function () {
|
|||
|
|
return new window.XMLHttpRequest();
|
|||
|
|
},
|
|||
|
|
processData:true,
|
|||
|
|
complete:function(){},//要求执行回调完整（包括：错误和成功）
|
|||
|
|
// MIME类型的映射
|
|||
|
|
accepts:{
|
|||
|
|
script:'text/javascript, application/javascript',
|
|||
|
|
json: 'application/json',
|
|||
|
|
xml: 'application/xml, text/xml',
|
|||
|
|
html: 'text/html',
|
|||
|
|
text: 'text/plain'
|
|||
|
|
},
|
|||
|
|
// 应该被允许缓存GET响应
|
|||
|
|
cache: true
|
|||
|
|
},
|
|||
|
|
param:function(obj,traditional,scope){
|
|||
|
|
if($.type(obj) == "string") return obj;
|
|||
|
|
var params = [],str='';
|
|||
|
|
params.add=function(key, value){
|
|||
|
|
this.push(encodeURIComponent(key) + '=' + encodeURIComponent(value== null?"":value))
|
|||
|
|
};
|
|||
|
|
if(scope==true&&type(obj)=='object') params.add(traditional,obj)
|
|||
|
|
else {
|
|||
|
|
for(var p in obj) {
|
|||
|
|
var v = obj[p],str='',
|
|||
|
|
k = (function(){
|
|||
|
|
if (traditional) {
|
|||
|
|
if (traditional==true) return p;
|
|||
|
|
else{
|
|||
|
|
if(scope&&type(obj)=='array') return traditional
|
|||
|
|
return traditional + "[" + ($.type(obj)=='array'?"":p) + "]";
|
|||
|
|
};
|
|||
|
|
};
|
|||
|
|
return p
|
|||
|
|
})();
|
|||
|
|
if (typeof v=="object") {
|
|||
|
|
str=this.param(v, k ,traditional);
|
|||
|
|
}else if(!isFunction(v)){
|
|||
|
|
str=params.add(k, v);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (str) params.push(str);
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
return params.join('&');
|
|||
|
|
},
|
|||
|
|
get:function(url, success){return $.ajax(parseArguments.apply(null, arguments))},
|
|||
|
|
post:function(url, data, success, dataType){
|
|||
|
|
var options = parseArguments.apply(null, arguments);
|
|||
|
|
return options.type = "POST", $.ajax(options);
|
|||
|
|
},
|
|||
|
|
getJSON:function(/* url, data, success */){
|
|||
|
|
var options = parseArguments.apply(null, arguments),
|
|||
|
|
url = arguments[0];
|
|||
|
|
if(url&&url == document.location.host) options.dataType = 'json';
|
|||
|
|
else options.dataType = 'jsonp';
|
|||
|
|
return this.ajax(options);
|
|||
|
|
},
|
|||
|
|
ajaxJSONP:function (options) {
|
|||
|
|
var _callbackName = options.jsonpCallback,
|
|||
|
|
callbackName = ($.isFunction(_callbackName) ? _callbackName() : _callbackName) || ('jsonp' + (++jsonpID)),
|
|||
|
|
script = document.createElement('script'),
|
|||
|
|
originalCallback = window[callbackName],
|
|||
|
|
responseData,xhr={};
|
|||
|
|
|
|||
|
|
$(script).on('load error', function(e, errorType){
|
|||
|
|
$(script).off().remove()
|
|||
|
|
if (e.type == 'error' || !responseData) {
|
|||
|
|
options.error(e, errorType || 'error',options)
|
|||
|
|
} else {
|
|||
|
|
options.success(responseData[0], xhr, options)
|
|||
|
|
}
|
|||
|
|
window[callbackName] = originalCallback
|
|||
|
|
if (responseData && $.isFunction(originalCallback))
|
|||
|
|
originalCallback(responseData[0])
|
|||
|
|
originalCallback = responseData = undefined
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//插入script 获取返回的数据
|
|||
|
|
window[callbackName] = function(){responseData = arguments}
|
|||
|
|
script.src = options.url.replace(/\?(.+)=\?/, '?$1=' + callbackName)
|
|||
|
|
document.head.appendChild(script)
|
|||
|
|
return options.xhr()
|
|||
|
|
},
|
|||
|
|
ajax:function(options){
|
|||
|
|
var key,settings,name,
|
|||
|
|
setHeader = function(name, value) { headers[name.toLowerCase()] = [name, value] },
|
|||
|
|
appendQuery = function(url, query) {
|
|||
|
|
if (query == '') return url
|
|||
|
|
return (url + '&' + query).replace(/[&?]{1,2}/, '?')
|
|||
|
|
},
|
|||
|
|
serializeData = function(options){
|
|||
|
|
if (options.processData && options.data && $.type(options.data) != "string")
|
|||
|
|
options.data = $.param(options.data, options.traditional)
|
|||
|
|
if (options.data && (!options.type || options.type.toUpperCase() == 'GET'))
|
|||
|
|
options.url = appendQuery(options.url, options.data), options.data = undefined
|
|||
|
|
};
|
|||
|
|
options = options || {};
|
|||
|
|
if ($.isString(options)) {
|
|||
|
|
if (arguments[0]=="GET") {
|
|||
|
|
var urls=arguments[1];
|
|||
|
|
if (arguments[2]&&$.isFunction(arguments[2])) {
|
|||
|
|
$.get(urls,arguments[2])
|
|||
|
|
}else if(arguments[2]&&$.isJson(arguments[2])){
|
|||
|
|
$.get(urls.indexOf('?')>-1?urls+'&'+this.param(arguments[2]):urls+'?'+this.param(arguments[2]),arguments[3])
|
|||
|
|
};
|
|||
|
|
}else if(arguments[0]=="POST"){
|
|||
|
|
$.post(arguments[1],arguments[2],arguments[3],arguments[4])
|
|||
|
|
};
|
|||
|
|
return;
|
|||
|
|
};
|
|||
|
|
settings=$.extend({}, options || {});
|
|||
|
|
for (key in $.ajaxSettings) if (settings[key] === undefined) settings[key] = $.ajaxSettings[key];
|
|||
|
|
//{ type, url, data, success, dataType, contentType }
|
|||
|
|
serializeData(settings)
|
|||
|
|
|
|||
|
|
//jsonp
|
|||
|
|
var dataType = settings.dataType, hasPlaceholder = /\?.+=\?/.test(settings.url)
|
|||
|
|
if (hasPlaceholder) dataType = 'jsonp';
|
|||
|
|
//给URL后面加上时间戳
|
|||
|
|
if (settings.cache === false || (
|
|||
|
|
(!options || options.cache !== true) &&
|
|||
|
|
('script' == dataType || 'jsonp' == dataType)
|
|||
|
|
)) {
|
|||
|
|
settings.url = appendQuery(settings.url, '_=' + Date.now())
|
|||
|
|
}
|
|||
|
|
//判断是否为jsonp
|
|||
|
|
if ('jsonp' == dataType) {
|
|||
|
|
if (!hasPlaceholder) settings.url = appendQuery(settings.url,settings.jsonp ? (settings.jsonp + '=?') : settings.jsonp === false ? '' : 'callback=?')
|
|||
|
|
return $.ajaxJSONP(settings)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var data = settings.data,
|
|||
|
|
callback = settings.success || function(){},
|
|||
|
|
errback = settings.error || function(){},
|
|||
|
|
mime = $.ajaxSettings.accepts[settings.dataType],
|
|||
|
|
content = settings.contentType,
|
|||
|
|
xhr = new XMLHttpRequest(),
|
|||
|
|
nativeSetHeader = xhr.setRequestHeader,
|
|||
|
|
headers={};
|
|||
|
|
if (!settings.crossDomain) setHeader('X-Requested-With', 'XMLHttpRequest'),setHeader('Accept', mime || '*/*');
|
|||
|
|
if (settings.headers) for (name in settings.headers) setHeader(name, settings.headers[name]);
|
|||
|
|
if (settings.contentType || (settings.contentType !== false && settings.data && settings.type.toUpperCase() != 'GET'))
|
|||
|
|
setHeader('Content-Type', settings.contentType || 'application/x-www-form-urlencoded');
|
|||
|
|
xhr.onreadystatechange = function(){
|
|||
|
|
if (xhr.readyState == 4) {
|
|||
|
|
if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 0) {
|
|||
|
|
var result, error = false;
|
|||
|
|
result = xhr.responseText
|
|||
|
|
try {
|
|||
|
|
if (settings.dataType == 'script') (1,eval)(result)
|
|||
|
|
else if (settings.dataType == 'xml') result = xhr.responseXML
|
|||
|
|
else if (settings.dataType == 'json') result = /^\s*$/.test(result) ? null : JSON.parse(result)
|
|||
|
|
} catch (e) { error = e }
|
|||
|
|
|
|||
|
|
if (error) errback(error, 'parsererror', xhr, settings);
|
|||
|
|
else callback(result, 'success', xhr);
|
|||
|
|
} else {
|
|||
|
|
settings.complete(xhr, error ? 'error' : 'success')
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
if (data&&data instanceof Object&&settings.type=='GET'){
|
|||
|
|
data?settings.url =(settings.url.indexOf('?')>-1?settings.url +'&'+ data:settings.url +'?'+ data) :null;
|
|||
|
|
}
|
|||
|
|
var async = 'async' in settings ? settings.async : true
|
|||
|
|
xhr.open(settings.type, settings.url, async);
|
|||
|
|
if (mime) xhr.setRequestHeader('Accept', mime);
|
|||
|
|
if (data instanceof Object && mime == 'application/json' ) data = JSON.stringify(data), content = content || 'application/json';
|
|||
|
|
for (name in headers) nativeSetHeader.apply(xhr, headers[name]);
|
|||
|
|
|
|||
|
|
xhr.send(data?data:null);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
var _load = $.fn.load;
|
|||
|
|
$.fn.extend({
|
|||
|
|
load:function (url, data, success) {
|
|||
|
|
//兼容 onload 事件
|
|||
|
|
if (arguments[0] && typeof arguments[0] !== 'string' && _load ) return _load.apply( this, arguments );
|
|||
|
|
if (!this.length || arguments.length === 0) return this
|
|||
|
|
var self = this, parts = arguments[0].split(/\s/), selector,
|
|||
|
|
options = parseArguments(url, data, success),
|
|||
|
|
callback = options.success;
|
|||
|
|
if (parts.length > 1){
|
|||
|
|
options.url = parts[0], selector = parts[1]
|
|||
|
|
}
|
|||
|
|
options.success = function(response){
|
|||
|
|
response = response.replace(/<(script)[^>]*>(|[\s\S]+?)<\/\1>/gi,'')
|
|||
|
|
self.html(selector ? $('<div>').html(response).find(selector) : response)
|
|||
|
|
callback && callback.apply(self, arguments)
|
|||
|
|
}
|
|||
|
|
$.ajax(options)
|
|||
|
|
return this
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
})(JSLite);
|
|||
|
|
return JSLite;
|
|||
|
|
}));
|