1ãjquery-mobile-iscrollviewä¸è½½
解ååç\jquery-mobile-iscrollview-master\jquery-mobile-iscrollview-master\demo\sourceè·¯å¾ä¸æ¯éè¦å¼ç¨çjsåcssæ件
\jquery-mobile-iscrollview-master\jquery-mobile-iscrollview-master\demo\buildè·¯å¾ä¸æ¯å个jquery mobileçæ¬ä¸çå表åæ»å¨ç¿»é¡µçä¾å
å¨è¯¥è·¯å¾ä¸ï¼æéæ©äºpull_14.htmlæ件ï¼ç¨chromeæå¼åï¼åç°ä¸é¢ç导èªæ åå½¢ï¼å°
<link href="stylesheets/demo.css" media="screen" rel="stylesheet" type="text/css" />
<script src="javascripts/demo.js" type="text/JavaScript"></script>
å»æåï¼ä¸é¢ç导èªæ æ£å¸¸äº
页é¢ä¸å¼ç¨çpull-example.jsæ件æ¯ä¸æãä¸æäºä»¶çå¤çï¼åªéè¦å°gotPullDownDataågotPullUpDataå½æ°ä¿®æ¹ä¸ä¸å³å¯å®ç°èªå·±éè¦å è½½çæ°æ®
2ãç´æ¥æµè¯è¯¥åè½æ²¡æä»ä¹é®é¢ï¼å½æ该翻页ç页é¢é¾æ¥å°å
¶ä»é¡µé¢ä¸æ¶ï¼éè¿é¾æ¥æå¼è¯¥é¡µé¢ï¼ä¸é¢ç导èªæ ååºç°äºé®é¢
åæ¥åç°ï¼è¿æ¯é®é¢å¯è½æ¯ç±äºjqmçå¤é¨é¡µé¢é¾æ¥å¼èµ·çéãjqmå¨ä½¿ç¨å¤é¨é¾æ¥æå¼å¦ä¸ä¸ªé¡µé¢æ¶ï¼ä¼ä½¿ç¨ajax读åéè¦æå¼çæ件ï¼ç¶åå°è¯¥æ件å¨æå è½½å°å·²ç»æå¼ç页é¢çåé¢ï¼jqmåªå è½½ææ¡£ä¸ååºç第ä¸ä¸ªé¡µé¢ï¼ç¬¬ä¸ä¸ªå¸¦ærole="page"çdivï¼ï¼å
¶ä»å
容é½å°è¢«å¿½ç¥ã
åæ¥ï¼å°å表页é¢(b.html)ææå è½½çcssåjsçæ ç¾æ¾å°é¾æ¥è¯¥é¡µé¢ç页é¢(a.html)ç<head>æ ç¾ä¸ã
[html] view plain copy
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" href="../jquery.mobile-1.4.2.min.css" type="text/css">
<link href="../jquery.mobile.iscrollview.css" media="screen"
rel="stylesheet" type="text/css" />
<link href="../jquery.mobile.iscrollview-pull.css"
media="screen" rel="stylesheet" type="text/css" />
<script src="../jquery.js" type="text/javascript"></script>
<script>
$(document).bind("mobileinit", function(){
//容许ajaxè·¨å访é®
$.mobile.allowCrossDomainPages = true;
});
</script>
<script src="../jquery.mobile-1.4.2.min.js"
type="text/javascript"></script>
<script src="../javascripts/iscroll.js" type="text/javascript"></script>
<script src="../javascripts/jquery.mobile.iscrollview.js"
type="text/javascript"></script>
<script src="../javascripts/pull-example.js" type="text/javascript"></script>
å½é¾æ¥æå¼è¯¥é¡µé¢åï¼å表页é¢ç¨³å®äº
3ãjquery-mobile-iscrollviewä¸å¼ç¨çjqmæ¡æ¶ççæ¬æ²¡æ项ç®ä¸çé«ï¼è¯çå°jqmççæ¬æ¿æ¢ä¸ºé¡¹ç®ä¸ä½¿ç¨ççæ¬åï¼è¯¥åè½ä¾æ§æ²¡æåºç°é®é¢
温馨提示：答案为网友推荐，仅供参考