2011-09-26 6 views
0

Je fais une application web mobile. Cette application va obtenir des nouvelles de Yahoo. J'utilise actuellement le plugin jquery pour obtenir ces nouvelles. J'utilise aussi jquery mobile pour l'interface. Sur la page d'index je listview et contient tous les titres tels que Top Nouvelles, Nouvelles du monde, Nouvelles sportives, etc. Voici le code de la page d'indexObtenir des flux de nouvelles RSS en utilisant jquery mobile

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

Ainsi, lorsque l'utilisateur clique permet de dire Manchettes puis Il faudra que l'utilisateur accède à la page appropriée et affiche les nouvelles les plus récentes sur cette page. Maintenant, il prend l'utilisateur à la première page de nouvelles, mais quand il arrive, il ne voit pas de nouvelles. Cette page est vide. Mais lorsque l'utilisateur actualise cette page en cliquant sur le bouton Actualiser du navigateur, il affiche toutes les nouvelles. Donc, mon problème est qu'il devrait afficher les nouvelles que la page des nouvelles principales est affichée.

ici est le code de la page top nouvelles

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

Quelqu'un peut-il me dire où suis-je fais erreur? Toute solution S'il vous plaît

+0

Une erreur s'est produite avec le plugin de flux RSS. Où avez-vous téléchargé le fichier aRSSFeed.js? – HyderA

+0

Je le télécharge d'ici http://www.script-tutorials.com/import-rss-feeds-using-jfeed-jquery/ – doforumda

+0

quelqu'un qui peut aider? – doforumda

Répondre

4

Il ya un article brillant appelé How to build an RSS reader with Jquery Mobile. Il vous emmène à travers chaque étape du processus.

+0

Pour être juste la plupart du travail est réellement fait en php. Ce n'est pas vraiment approprié pour une solution JQM pure. –

Questions connexes