課程
/前端開發
/WebApp
/移動端的WEB相冊
而且第一次進入手機端,圖片都不是按照一行4張顯示的 ,需要反復刷新才行,2.最后一張豎圖都沒有左右邊距 是在怎么回事啊?
2016-07-09
源自:移動端的WEB相冊 3-9
正在回答
兩個點:1、谷歌瀏覽器的模擬器中swipeLeft、swipeRight無效,需要阻止瀏覽器默認滑動的事件
? ? ? ? ? ? ? ? ? ?如下:
? ? ? ? ? ? ? ? ? $('#large_container')[0].addEventListener('touchmove', function (event) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? event.preventDefault();
? ? ? ? ? ? ? ? ? ?}, false);
? ? ? ? ? ? ?2.removeEventListener 函數移除事件,參數需要與addEventListener函數的參數對應
? ? ? ? ? ? 如下:
? ? ? ? ? ?domImage.removeEventListener('webkitAnimationEnd',arguments.callee,false);
? ? ? ? ? ?第2個參數原本指向函數代碼,由于addEventListener添加的無函數名,且removeEventListener事件在addEventListener的函數內,可用arguments對象做遞歸操作,arguments.callee相當于指針,與函數名無關,指向當前函數
如果是直接運行老師的demo.html
問題1:看下控制臺是不是包這個錯?
Uncaught?TypeError:?Failed?to?execute?'removeEventListener'?on?'EventTarget':?2?arguments?required,?but?only?1?present.
如果是,給105行、122行添加false參數。修改為:
domImage.removeEventListener('webkitAnimationEnd',false);
圖片要是按照一行4張顯示,需要開啟chrome的手機模擬器,如下圖:
問題2:
這個問題比較簡單,就是因為計算完padding-left值剛好是0,所以不需要添加pdding-left了。你可以調整一下窗口的大小,就明白了。
我的也是
舉報
本課程通過一個移動端相冊案例,帶您一步步了解移動端框架
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-01-23
兩個點:1、谷歌瀏覽器的模擬器中swipeLeft、swipeRight無效,需要阻止瀏覽器默認滑動的事件
? ? ? ? ? ? ? ? ? ?如下:
? ? ? ? ? ? ? ? ? $('#large_container')[0].addEventListener('touchmove', function (event) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? event.preventDefault();
? ? ? ? ? ? ? ? ? ?}, false);
? ? ? ? ? ? ?2.removeEventListener 函數移除事件,參數需要與addEventListener函數的參數對應
? ? ? ? ? ? 如下:
? ? ? ? ? ?domImage.removeEventListener('webkitAnimationEnd',arguments.callee,false);
? ? ? ? ? ?第2個參數原本指向函數代碼,由于addEventListener添加的無函數名,且removeEventListener事件在addEventListener的函數內,可用arguments對象做遞歸操作,arguments.callee相當于指針,與函數名無關,指向當前函數
2016-07-28
如果是直接運行老師的demo.html
問題1:看下控制臺是不是包這個錯?
如果是,給105行、122行添加false參數。修改為:
圖片要是按照一行4張顯示,需要開啟chrome的手機模擬器,如下圖:
問題2:
這個問題比較簡單,就是因為計算完padding-left值剛好是0,所以不需要添加pdding-left了。你可以調整一下窗口的大小,就明白了。
2016-07-17
我的也是