手機端h5頁面介面分功能

今天寫程式遇到了手機端的分頁問題，以前沒遇到過類似問題，pc端的分頁都是有幾個按鈕，可以自主選擇分頁。但是手機端的之前沒遇到過，後來的解決方案是加了乙個loading的gif，然後看完一頁之後先載入loading，然後等到介面請求成功之後，顯示介面請求的內容，把loading圖示隱藏。如此反覆，知道最後一頁，就顯示已經到底部了。

var pageindex = 1;   //當前是第幾頁
var pagesize = 10;   //每頁條數
$(".infinite-scroll-preloader").hide();
var ismore = false;
getitems(pageindex,pagesize);
//獲取資料列表
function getitems(pageindex,pagesize) ,
success: function (json) 
htm += " ";
htm += "  ";
htm += "		 "+item.title+"
";			htm += "    "+item.showdate+"
";			htm += "    ";
htm += "  
";			htm += " 
";			htm += "";
});}else)
}// 故意做的延遲
settimeout(function(),600);
}else 
},error: function (request) 
});}
}	//上滑無限載入
$(window).scroll(function () 
}});
//無線載入圖示旋轉
var i = 0;
function rotate() 
}var timer = setinterval(rotate, 50);

這上面的代這種問題，有的**有注釋，有的沒有注釋，比較重要的地方我都寫了注釋，如果自己什麼時候再遇到這種問題，可以開啟這段**看看，然後模仿這個**寫，這是我一直工作的習慣，如果遇到乙個對自己來說很陌生很棘手的問題，就寫個部落格記錄一下，這樣以後再遇到類似問題就可以直接過來看，直接拿走用了。

手機端h5頁面介面分功能

h5頁面呼叫手機相機功能

h5頁面的寫法移動端h5頁面寫法

移動端h5頁面適配

手機端h5頁面介面分功能

h5頁面呼叫手機相機功能

h5頁面的寫法 移動端h5頁面寫法

移動端h5頁面適配

相關推薦

h5頁面的寫法移動端h5頁面寫法