Question

我正在制作一个新闻应用，我正在使用一个名为zRSSFeed的jQuery插件。该插件附带一项功能，可通过从下拉列表中选择新闻来源来更改显示的RSS源，这将改变结果Div中显示的Feed（参见示例here）。

源代码：

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

我的问题是，我不想通过从下拉列表中选择新闻源来更改显示的Feed，而是希望通过选择具有指定新来源的链接（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>

通过从链接列表中选择Feed来动态加载Feed

1 个答案: