使用jQuery移動獲取RSS新聞提要

我正在製作一個移動web應用程序。這個應用程序將從雅虎獲得新聞。我目前使用jquery插件來獲取這些消息。我也使用jQuery的手機界面。在索引頁我有ListView和它包含了所有的標題，例如最新新聞，國際新聞，體育新聞等。這裏是索引頁代碼使用jQuery移動獲取RSS新聞提要

<html> 
<head> 
    <title>Title</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta name="viewport" content="width = device-width, initial-scale = 1, user-scalable = no" /> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script> 
</head> 
<body> 
    <div data-role="page"> 
     <header data-role="header"> 
      <h1>Yahoo News</h1> 
     </header> 
     <div data-role="content"> 
      <ul data-role="listview" data-inset="true"> 
       <li><a href="topNews.php" data-transition="slidedown">Top Stories</a></li> 
       <li><a href="worldNews.php" data-transition="slidedown">World News</a></li> 
       <li><a href="techNews.php" data-transition="slidedown">Technology</a></li> 
       <li><a href="scienceNews.php" data-transition="slidedown">Science</a></li> 
       <li><a href="enterNews.php" data-transition="slidedown">Entertainment</a></li> 
       <li><a href="sportsNews.php" data-transition="slidedown">Sports</a></li> 
      </ul> 
     </div> 
     <footer data-role="footer"> 
      <h4>Footer</h4> 
     </footer> 
    </div> 
</body>

因此，當用戶單擊可以說，最新新聞，然後它會將用戶帶到合適的頁面並在該頁面上顯示最新消息。現在它將用戶帶到頂級新聞頁面，但是當他到達那裏時，他沒有看到任何消息。該頁面爲空。但是當用戶通過點擊瀏覽器的刷新按鈕來刷新這個頁面時，它會顯示所有的新聞。所以我的問題是它應該顯示新聞頁面顯示的新聞。

這裏是頭條新聞頁面的代碼

<html> 
<head> 
    <title>Title</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta name="viewport" content="width = device-width, initial-scale = 1, user-scalable = no" /> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> 
    <link href="styles.css" rel="stylesheet" type="text/css" /> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script> 
    <script language="javascript" type="text/javascript" src="jquery.jfeed.js"></script> 
    <script language="javascript" type="text/javascript" src="jquery.aRSSFeed.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $('div.RSSAggrCont').aRSSFeed(); 
    }); 
    </script> 
</head> 
<body> 
    <div data-role="page"> 
     <header data-role="header"> 
      <a href="#" data-transition="slidedown" data-rel="back" data-icon="arrow-l">Back</a> 
      <h1>Top News</h1> 
     </header> 
     <div data-role="content"> 
      <div class="RSSAggrCont" rssnum="5" rss_url="http://rss.news.yahoo.com/rss/topstories"> 

      </div> 
     </div> 
     <footer data-role="footer"> 
      <h4>Footer</h4> 
     </footer> 
    </div> 
</body>

有人能告訴我，我在哪裏犯錯？任何解決方案請

來源

2011-09-26 doforumda

聽起來像RSS提要插件有問題。你在哪裏下載了aRSSFeed.js文件？ – HyderA

我從這裏下載http://www.script-tutorials.com/import-rss-feeds-using-jfeed-jquery/ – doforumda

誰可以幫忙？ – doforumda

有一個輝煌的文章叫How to build an RSS reader with Jquery Mobile。它會讓您完成整個過程的每一步。

來源

2011-11-21 15:15:16

公平的大部分工作實際上是在PHP中完成的。這對於純粹的JQM解決方案並不合適。 –

使用jQuery移動獲取RSS新聞提要

回答

相關問題