今天時(shí)間比較緊蔑歌， 做個(gè)小的筆記园匹。主要是用來(lái)判斷頁(yè)面是在PC端還是在移動(dòng)端，以應(yīng)對(duì)不同的事件處理供汛。當(dāng)然宿稀，這里是應(yīng)對(duì)簡(jiǎn)單的singlePage蜀肘，大型移動(dòng)端項(xiàng)目芝加，繁瑣觸屏滑動(dòng)邏輯還是需要插件支持搬味。
廢話不啰嗦问芬，直接上干貨强戴。
(function($){
window.appUtils = function(){
var app = this;
app.touchEvents = {
start: app.support.touch ? 'touchstart' : 'mousedown',
move: app.support.touch ? 'touchmove' : 'mousemove',
end: app.support.touch ? 'touchend' : 'mouseup'
};
}
appUtils.prototype.support = (function () {
var support = {
touch: !!(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch)
}; //重點(diǎn)就是判斷打開文檔設(shè)備是PC 還是 移動(dòng)設(shè)備
return support;
})();
window.utils = new appUtils();
})(jQuery)
唉，下班時(shí)間到了不回家的人最域，都有餐 ！！需要治療绩鸣。
附贈(zèng)下午寫的小工具
$.fn.autoTab = function(options){
var defaults = {
tabTitle: '',
tabCont:'',
tabActive:'',
tabNumber:0,
tabClick:true,
autoPlay:true,
autoTime:1500
},
opt = $.extend({}, defaults, options),
Showder = function(index){
$(opt.tabTitle).eq(index).addClass(opt.tabActive).siblings(opt.tabTitle).removeClass(opt.tabActive);
$(opt.tabCont).eq(index).show().siblings(opt.tabCont).hide();
},
timer;
Showder(opt.tabNumber);
$(document).on(utils.touchEvents.end,opt.tabTitle,function(){
if(!opt.tabClick)return false;
var index = $(this).index();
opt.tabNumber = index;
Showder(index);
});
if(opt.autoPlay){
function autoPlay(){
opt.tabNumber++;
if(opt.tabNumber>=$(opt.tabTitle).length)opt.tabNumber = 0;
Showder(opt.tabNumber);
}
timer = setInterval(autoPlay,opt.autoTime);
$(this).on("mouseenter",function(){
clearInterval(timer);
})
$(this).on("mouseleave",function(){
timer = setInterval(autoPlay,opt.autoTime);
})
}
}
