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;

       }

Phonegap应用程序不显示下一页

1 个答案: