Mui WebView down refresh pull-up load implementation

　　 Some things will be discovered after experiencing , It turned out that I was so what before again , Because it's the first time to do , No clue , Sometimes I think if there is a demo Just fine , Then you won't spend so much useless work . Use today mui Of webview Implemented a H5 The effect of page pull-up loading pull-down refreshing , Take it out and share it with you , I hope you are useful , Of course, sometimes there are many pits , But as long as we learn to find problems by thinking , No matter what the problem is, we can solve it . My younger brother's literary talent is not good , Please point out any mistakes , Be open-minded to accept

// First of all, before that, we need to quote jquery Plug in for , as well as mui.js plug-in unit 
<!--html Code -->
<!-- Containers to load -->
 <div class="shop-list font-16 col-1 mui-scroll-wrapper mui-content" id="refreshContainer">
<!--mui-scroll Whether sliding is allowed -->
<div class="mui-scroll">
<!-- a key mui-table-view mui-table-view-chevron Here is the text style of the page loading -->
<ul class="mui-table-view mui-table-view-chevron" id="list">
</ul>
</div>
</div>

<!--MUIWEBvIEW Pagination -->
<script type="text/javascript">
$(function () {
 // Number of items to be displayed 
var size = 3;
 // Page number 
var page = 1;
// Pull down refresh listening event （ You can go straight here mui Copy... In the document ）
mui.init({
pullRefresh: {
container: '#refreshContainer',
// The drop-down refresh 
down: {
height: 50,// Optional , Default 50. Trigger pull down refresh drag distance ,
auto:false,// Optional , Default false. Automatic pull-up loading once 
callback: function () {// Mandatory , Refresh function , Write according to specific business , Such as through ajax Get new data from the server ;
//5 Millisecond display 
window.setTimeout(function () {
// Refresh down and reassign  
page = 1;
size = 3;
// Call the method to get the data 
DtGetData(size, page);

design sketch ：