2019獨角獸企業重金招聘Python工程師標準>>>

一、?使用jQueryMobile的第一步，先創建一個html頁面，并在head標簽中加入以下內容：

<link?rel="stylesheet"?href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"?/> <script?src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script?src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

? ?注意：順序不能錯：（

二、動態給列表增加數據

html代碼：

<div?data-role="content"><ul?data-role="listview"?id="contentList"><li><a?href="#">測試數據1</a></li><li><a?href="#">測試數據2</a></li>??</ul><p>&nbsp;</p><div?id="moreDiv"><button?id="btnMore"?data-icon="refresh">顯示更多</button></div> </div>

js代碼：

function?loadData() {var?content?=?"<li><a?href=\"#\">這是加載的數據</a></li>";$("#contentList").append(content).listview('refresh'); }

總結：

1、列表的顯示已經拋棄table元素了，通過ul無序、ol有序代替；

2、append函數代替給innerHTML屬性賦值；

3、添加數據后，需要通過listview('refresh') 方式進行刷新。

三、顯示“加載中”提示

//顯示loading function?showLoading() {$.mobile.loadingMessageTextVisible?=?true;$.mobile.showPageLoadingMsg("a",?"加載中..."?); }? //隱藏loading function?hideLoading() {$.mobile.hidePageLoadingMsg(); }

四、HTML5設置字符集編碼，避免出現亂碼；? ? ??

<!DOCTYPE?html> <meta?charset="utf-8">

轉載于:https://my.oschina.net/u/2426537/blog/485667

總結

以上是生活随笔為你收集整理的移动开发学习记录点滴-动态增加列表行数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。