android - 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>

问题是当我尝试打开其中一篇文章（post.html）时，当我为 android 导出应用程序时，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;

       }