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