javascript - 通过从链接列表中选择提要动态加载提要

Question

我正在制作一个新闻应用程序，我正在使用一个名为 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）来更改它们。

Answer 1

而不是使用这个

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