Layout，Phonegap和JSON

我有一個應用程序通過JSON數據庫列出信息，我可以列出來自數據庫的信息，問題是它沒有jQuery Mobile的佈局，有人可以給我一些關於如何解決這個問題？Layout，Phonegap和JSON

下面是我的代碼：

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);

來源

2014-07-11 Lukas Fischer

如果我正確理解你的問題，你能返回JSON完整的數據，你想和將其顯示在#result中，但該樣式沒有應用jQuery Mobile樣式。如果這是一個正確的總和

首先，添加一個id你的列表視圖元素

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

然後添加此行之後$("#result").html(data);

$("#mylistview").listview("refresh");

見Listview Widget page更多關於列表視圖。

來源

2014-07-11 19:45:49 islanddave

非常感謝。問題解決了。 –

很高興爲你效勞！ – islanddave

Layout，Phonegap和JSON

回答

相關問題