課程
/前端開發
/WebApp
/移動端的WEB相冊
這個案例在移動端效果都出來,全是bug,,,,,
2015-08-15
源自:移動端的WEB相冊 3-9
正在回答
//這個是加上去的 ?.large?{ ?????overflow:?hidden; ?} //這個是修改后的 $('#large_container').swipeLeft(function(){ if(lock){ return; } cid++; lock?=true; if?(cid?<=?total)?{ loadImg(cid,function(){ domImage.addEventListener('webkitAnimationEnd',function(){ wImage.removeClass('animated?bounceInRight'); domImage.removeEventListener('webkitAnimationEnd'); lock?=?false; },false); wImage.addClass('animated?bounceInRight'); }); }?else?{ cid?=?total; lock?=?false; } }); $('#large_container').swipeRight(function(){ if(lock){ return; } cid--; lock?=true; if(cid>0){ loadImg(cid,function(){ domImage.addEventListener('webkitAnimationEnd',function(){ wImage.removeClass('animated?bounceInLeft'); domImage.removeEventListener('webkitAnimationEnd'); lock?=?false; },false); wImage.addClass('animated?bounceInLeft'); }); }else{ cid?=?1; lock?=?false; } }); 整體看,?老師的思路,?想法很不錯,?如果你完全理解了,?這點bug還是能修改的,?不過代碼冗余性還是有的,比如zWin.width(),?$('#container'),?這種重復獲取的,?聲明一下,?直接調用就好了! 老師領進門,?剩下的代碼優化等等應該自己完成.
舉報
本課程通過一個移動端相冊案例,帶您一步步了解移動端框架
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-02-22