javascript - 布局、Phonegap 和 JSON

标签 javascript php jquery json cordova

我有一个通过 JSON db 列出信息的应用程序,我可以列出来自 db 的信息,问题是它没有 jQuery Mobile 的布局,有人可以告诉我如何解决这个问题吗?

下面是我的代码:

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 Mobile 样式。如果这是正确的求和

首先,向 ListView 元素添加一个 id

<ul id="mylistview" data-role="listview" data-inset="true">

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

之后添加此行
$( "#mylistview" ).listview( "refresh" );

请参阅Listview Widget page有关 ListView 的更多信息。

关于javascript - 布局、Phonegap 和 JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24704871/

相关文章:

javascript - 带 Id 函数的 CreateElement 不起作用

javascript - 在 PHP 和 JavaScript 中检查一个值是否是具有相同正则表达式的 bool 值?

javascript - DataTables 在加载新数据后更新按钮

java - 使用 jQuery (GWT) 进行表单上传

javascript - 获取输入的小计,然后添加

javascript - d3.js v4 中的 d3.locale(),本地化

php - 如何先应用like,然后限制SQL SELECT

php - 动态更改 PDO 语句中的列名

javascript - 在滚动 div 上逐渐淡入淡出

javascript - Highstock 滚动条在 svg foreignObject 中不起作用