Question

当我点击我的移动应用程序中的RSS项目时，我希望看到与我的第一页中相同的页面页脚。我使用Cordova 4.3.0，jQuery mobile创建了我的应用程序，并在index.js文件中的onDeviceReady（）函数中使用jQuery读取RSS提要，如下所示：

  onDeviceReady: function () {
          $(function () {
                    $.get('http:myRssUrl.cshtml',function(data) {
                    var $XML = $(data);
                    var html = '';
                         $XML.find("item").each(function() {
                                   var $this = $(this),
                                   item = {

                                           title:       $this.find("title").text(),
                                           link:        $this.find("link").text(),
                                           description: $this.find("description").text(),
                                           pubDate:     $this.find("pubDate").text(),
                                           author:      $this.find("author").text(),
                                           enclosure:   $this.find("enclosure").attr('url'),
                                   };    
                                        html +=
                                        '<a class="result-link" title=" " style="text-decoration: none" href="' + item.link + '" style="font-size: 11px" >' +
                                          '<div class="result-image">' +
                                             ' <figure>' +
                                                  '<img src="' + item.enclosure + '" style="display: block;"></img>' +
                                              '</figure>' +
                                          '</div>' +
                                          '<div class="alltext" style="padding-right: 5px;">' +
                                              '<h3 class="result-title">' + item.title +'</h3>' +
                                              '<div class="result-description">' + item.description +'</div>' +
                                           '</div></a>'

                    });

           jQuery('#result').html(html);
       });
   });

    app.receivedEvent('deviceready');

    }

I also have my footer navigation bar in footer.html file which will be loaded in index.html file as follows:

  <script>
        $(document).on('pageinit', "#index", function (event, ui){
                                 $("#" + event.target.id).find("[data-role=footer]").load("pages/footer.html", function(){
                                         $("#" + event.target.id).find("[data-role=navbar]").navbar();
                                   });
                  });

    </script>

     <body>
    <div data-role="page" class="app" id="index">
        <div data-role="header" data-position="fixed" data-id="main-header" id="header">
            <div data-role="navbar" class="ui-btn-active ui-state-persist">
                <ul>
                    <li><a href="#" data-rel="back" data-icon="grid" data-theme="b" data-iconpos="left" data-transition="slide" data-direction="reverse"></a>
                    </li>
                    <li><a href="#" data-icon="home" data-theme="b"></a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /header -->

        <div data-role="content" data-theme="d" id="deviceready">
            <div id="result" data-role="listview">
            </div>                
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed" data-id="main-footer" id="footer">
        </div><!-- /footer -->
    </div>

    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</body>

我的问题是我无法在我的RSS页面中加载页面页脚导航栏，我看到了一些关于它的相关示例并应用了不同的方法，但仍然存在同样的问题。

打开RSS页面时具有相同的页脚

0 个答案: