溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“Hubilder的坑怎么解決”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“Hubilder的坑怎么解決”吧！
今天更新了huilder版本,撿到等新內容里面新增新建html,單webview下拉刷新示例
因為我之前的項目中也用到了 上拉/下拉刷新,出了一個bug,就是在android上一點問題都沒有,但在ios上卻始終不顯示數據,
所以就想著試試這個版本,
于是我就用hbuilder新建了一個下拉刷新的模版,如下;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<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="css/mui.min.css">
<style type="text/css">.mui-content>.mui-table-view:first-child {
margin-top:1px;
}</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<h2 id="title" class="mui-title">下拉刷新和上來加載 單webview模式</h2>
</header>
<!--下拉刷新容器-->
<div id="pullrefresh" class="mui-content">
<!--數據列表-->
<ul class="mui-table-view mui-table-view-chevron"></ul>
</div>
<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script>'#pullrefresh',
down: {
style:'circle',
callback: pulldownRefresh
},
up: {
auto:true,
contentrefresh: '正在加載...',
callback: pullupRefresh
}
}
});
var count = 0;
function pullupRefresh()
setTimeout(function()
mui('#pullrefresh').pullRefresh().endPullup((++count > 2)); //參數為true代表沒有更多數據了。
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
var newCount = cells.length>0?5:20;//首次加載20條，滿屏
for (var i = cells.length, len = i + newCount; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';
table.appendChild(li);
}
}, 1500);
}
function addData()
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
for(var i = cells.length, len = i + 5; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';
//下拉刷新，新紀錄插到最前面；
table.insertBefore(li, table.firstChild);
}
}
/**
* 下拉刷新具體業務實現
*/
function pulldownRefresh()
setTimeout(function()
addData();
mui('#pullrefresh').pullRefresh().endPulldown();
mui.toast("為你推薦了5篇文章");
}, 1500);
}
</script>
</body>
</html>運行測試,完美,毫無問題!
但是當我把這個頁面原封不懂拷到我之前的項目時,死活報錯:
mui('#pullrefresh').pullRefresh().endPullup((++count > 2)); //參數為true代表沒有更多數據了。就是這句代碼,搞得我很崩潰,
后來終于發現:原來是 新建的html會自動生成js css兩個文件,里面包含了mui.js和,mui.css.
而我的之前的項目由于是更新之前的時候新建項目產生的 js和css兩個文件,所以說:
升級前后兩個版本的 js ,css文件頁升級了,只是我沒更新我項目的 js和css文件,所以才出現這種bug,
想想之前,ios版本的下拉刷新出現的bug也不難理解了.
解決辦法: 把新版本產生的js,css文件覆蓋掉舊版本的即可.
…….過分!!!
在li標簽中使用onclick事件在ios中無反應
改用 on 事件添加:
mui("#pullrefresh").on('tap', 'li', function()
var value = h(this).find("a").val();
var begindate = "" + value + "01";
var enddate = "" + value + "31";
mui.openWindow({
url: '../sales-search-list.html',
extras: {
"startdate": begindate,
"enddate": enddate,
},
});
});感謝各位的閱讀，以上就是“Hubilder的坑怎么解決”的內容了，經過本文的學習后，相信大家對Hubilder的坑怎么解決這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
