0

ニュースアプリを作成していて、zRSSFeedというjQueryプラグインを使用しています。プラグインには、ドロップダウンからニュースソースを選択して表示されるRSSフィードを変更する機能が付属しています。これにより、結果のDivに表示されるフィードが変更されます(ここの例を参照)。

ソースコード :

<script src="http://jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.zrssfeed.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function() {
    setRSSFeed('#menu');
    $('#menu').change(function() {
      setRSSFeed(this)
    });
    function setRSSFeed(obj) {
      var feedurl = $('option:selected', obj).val();
      if (feedurl) {
        $('#result').rssfeed(feedurl);
      }
    }
  });
</script>
<select id="menu">    
  <optionvalue="http://feeds.reuters.com/reuters/oddlyEnoughNews">News</option>
  <option value="http://feeds.bbc.co.uk/iplayer/highlights/tv/list">BBC </option>
  <option value="http://rss.cnn.com/rss/edition.rss">CNN News</option>
</select>
<div id="result"></div>

私の問題は、ドロップダウンから新しいソースを選択して表示されるフィードを変更するのではなく、指定された新しいソースへのリンク(href)を選択してフィードを変更したいということです。

4

1 に答える 1

0

これを使う代わりに

<select id="menu">    
  <optionvalue="http://feeds.reuters.com/reuters/oddlyEnoughNews">News</option>
  <option value="http://feeds.bbc.co.uk/iplayer/highlights/tv/list">BBC </option>
  <option value="http://rss.cnn.com/rss/edition.rss">CNN News</option>
</select>

これを使って

<script type="text/javascript">
  $(document).ready(function() {
    //setting default feed
    setRSSFeed('http://feeds.reuters.com/reuters/oddlyEnoughNews');
    });
    function setRSSFeed(feedurl) {
       if (feedurl) {
             $('#result').rssfeed(feedurl);
                 }
              }
          });
</script>

    <a href="#" onclick="setRSSFeed('http://feeds.reuters.com/reuters/oddlyEnoughNews');">News</a>
    <a href="#" onclick="setRSSFeed('http://feeds.bbc.co.uk/iplayer/highlights/tv/list');">BBC</a>
    <a href="#" onclick="setRSSFeed('http://rss.cnn.com/rss/edition.rss');">CNN News</a>    
于 2012-11-26T05:46:03.337 に答える