程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> html5傳值-jquery mobile listview 點擊顯示問題

html5傳值-jquery mobile listview 點擊顯示問題

編輯:編程綜合問答
jquery mobile listview 點擊顯示問題

在html頁面中,從後台獲得一個list已經能夠遍歷顯示在網頁中,現在想通過單擊某一項來顯示其具體內容該如何顯示?(主要是傳值問題)

ps:希望大神們可以提供一些jquery mobile 傳值的例子
拜謝

最佳回答:


用ajax動態加載數據append到你的listview容器後調用refresh方法更新下ui

http://api.jquerymobile.com/listview/#method-refresh

 <!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>listview demo</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>

    <div data-role="page" id="page1">
        <div data-role="header">
            <h1>jQuery Mobile Example</h1>
        </div>
        <div role="main" class="ui-content">
            <ul data-role="listview" id="xx">
                <li><a href="index.html">Acura</a></li>
                <li><a href="index.html">Audi</a></li>
                <li><a href="index.html">BMW</a></li>
                <li><a href="index.html">Cadillac</a></li>
                <li><a href="index.html">Chrysler</a></li>
            </ul>
        </div>
<script>
    $(function () {
        $('#xx').append('<li><a href="index.html">xxxxx' + new Date().getTime() + '</a></li>')//這個數據改為你的ajax動態獲取li的html
            .listview('refresh');;
    })

</script>
</body>
</html>
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved