Phonegap應用程序不顯示下一頁

Question

我試圖用phonegap，jquerymobile和JSON（來自WordPress的json API）構建一個應用程序。我在這裏使用代碼，它適用於我，它顯示最近發佈的列表（index.html）。

 <script type="text/javascript"> 
     var wpAPI = "http://myurl.nl/api/get_recent_posts/"; 

     $(document).on('pagebeforeshow', '#index', function(){ 
      $.getJSON(wpAPI, function(result) { 

       $.each(result.posts, function(i, item) { 
       var html = '<li><a href="post.html?post_id='+ item.id +'"><img src="'+ item.thumbnail +'"><h2>' + item.title + '</h2><p>' + item.excerpt + '</p></a></li>'; 
       $(".container>ul").append(html); 

       }); 
       $("#list").listview('refresh'); 
      }); 

     }); 

    </script> 

問題是，當我嘗試打開時，我導出應用程序爲Android的post.html不顯示任何職位（post.html）之一。

所以我認爲是令人耳目一新的東西，但也許別的東西希望有人能幫助我。

 <script>    

     function readSinglePost (url,container){ 

      var postId = window.location.search; 
      var URL = 'http://myurl.nl/api/get_post/'+ postId + ''; 

      jQuery.ajax({ 
        url: URL, 
        dataType: 'json', 
        success: function(data) { 
         console.log(data); 

         $('.container').html("<h3>" + data.post.title + "</h3>" + data.post.content + ""); 
        } 
      }); 

     } 



     $(document).ready(function(){ 
      readSinglePost (URL,'.container'); 

     });  



    </script> 

Answer 1

Replace 
<a href="post.html?post_id='+ item.id +'"> 
with 
<a href="post.html?post_id='+ item.id +'" data-ajax="false" data-role="none"> 

function readSinglePost (url,container){ 

      var postId = window.location.search; 
      var URL = 'http://myurl.nl/api/get_post/'+postId; 
      jQuery.ajax({ 
        type: "GET", 
        url: URL, 
        dataType: "json", 
        success: function(data) { 
         console.log(data); 
         $('.container').html("<h3>" + data.post.title + "</h3>" + data.post.content); 
        } 
      }); 
      return false; 

     }