zRSSFeed - 从带有自动收录机动画+ jQuery Mobile(PhoneGap)的菜单中选择RSS源?

时间:2013-03-19 15:35:10

标签: jquery cordova jquery-mobile rss

问题:从列表中选择一个Feed并按一个按钮返回到主页div jQuery重新加载整个页面,只显示新选择的网页的标题(没有任何Feed) 。 默认情况下,在另一个div页面上选择此特定选项(选择一个Feed)之前,标题(“Reuters Oddly Enough News”)和Feed显示没有任何问题。

<div data-role="page">代码</div>

<h4>Select a feed from the list below</h4>
<select id="menu">
                <option value="http://feeds.reuters.com/reuters/oddlyEnoughNews">Reuters Oddly Enough News</option>
                <option value="http://feeds.bbc.co.uk/iplayer/highlights/tv/list">BBC iPlayer TV Listing</option>
                <option value="http://rss.cnn.com/rss/edition.rss">CNN News</option>
</select>

从带有自动收录机动画的菜单中选择RSS源:

<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) {
                                                $('#test').rssfeed(feedurl,{}, function(e) {
                                                                $(e).find('div.rssBody').vTicker();
                                                });
                                }
                }
});
</script>

1 个答案:

答案 0 :(得分:2)

我已经测试了,它没有问题。除非我没有得到你真正需要的东西。

zRSSFeed w / Ticker Animation + Jquery Mobile

$('#menu').on('change', function () {
var selected = $(this).val();
  $('#test').rssfeed(selected,{}, function(e)  {
   $(e).find('div.rssBody').vTicker();
 });
});

<强> HTML

<div data-role="page" id="page">
 <div data-role="content">
     <h4>Select a feed from the list below</h4>

    <select id="menu">
        <option value="#">Choose</option>
        <option value="http://feeds.reuters.com/reuters/oddlyEnoughNews">Reuters Oddly Enough News</option>
        <option value="http://feeds.bbc.co.uk/iplayer/highlights/tv/list">BBC iPlayer TV Listing</option>
        <option value="http://rss.cnn.com/rss/edition.rss">CNN News</option>
    </select>
  </div>
 <div id="test"></div>
</div>