Layout, Phonegap and JSON

Layout, Phonegap and JSON

本文关键字：JSON and Phonegap Layout      更新时间：2023-09-26

我有一个应用程序通过JSON数据库列出信息，我可以从数据库中列出信息，问题是它没有jQuery移动的布局，有人能给我一些关于如何解决这个问题的光吗?

下面是我的代码: HTML: 

<!DOCTYPE HTML>
<html>
<head>
    <title>Unidas Taxi</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="text/javascript" charset="utf-8" src="js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/jquery.mobile-1.4.3.min.js"></script>
    <link rel="stylesheet" type="text/css" href="js/jquery.mobile-1.4.3.css"/>
    <script charset="utf&minus;8" type="text/javascript">
        var id_taxista = 1;
        setInterval(function(){
            //alert('oi');
            corridas();
        }, 3000);
        $("#result").html("");
        function corridas(){
            $.post('url', {
                'id_taxista': id_taxista
            }, function (data) {
                $("#result").html(data);
            });
        }
    </script>
</head>
<body>
    <div data-role="page" id="main">
        <div data-role="header">
            <h1>Unidas Taxi</h1>
        </div>
        <div id="content" data-role="content">
            <ul data-role="listview" data-inset="true">
                <li data-role="list-divider">Corridas <span class="ui-li-count">2</span></li>
                <span id="result">
                </span>
            </ul>
        </div>
    </div>
</body>
</html>
PHP: 

    $server = "localhost";
$username = "username";
$password = "pass";
$database = "db";
$con = mysql_connect($server, $username, $password) or die ("Could not connect: " . mysql_error());
mysql_select_db($database, $con);
$id_taxista = $_POST["id_taxista"];

$sql = "SELECT USED";

if (mysql_query($sql, $con)) {
  $query = mysql_query($sql) or die(mysql_error());
$html = '';
  while($row = mysql_fetch_assoc($query)){
    $html .= '<li id="'.$row['id_corrida'].'">
    <a href="index.html">
    <h2>'.$row['nome'].' '.$row['sobrenome'].'</h2>
    <p><strong>Hotal Ibis - Botafogo</strong></p>
    <p>Quarto: 504, Tel.: (21) 0932-0920</p>
    <p class="ui-li-aside"><strong>'.$row['data'].' '.$row['hora'].'</strong></p>
    </a>
    </li>';   
  }
echo $html;
} else {  
  die('Error: ' . mysql_error());
}
mysql_close($con);

如果我正确理解你的问题，你可以返回json充满你想要的数据，并在#result中显示它，但样式没有应用jQuery移动样式。如果这是一个正确的总和

首先，为listview元素

添加一个id
<ul id="mylistview" data-role="listview" data-inset="true">

然后在$("#result").html(data);

后面加上这行
$( "#mylistview" ).listview( "refresh" );

关于Listview的更多信息，请参阅Listview Widget页面

相关文章：