在jquery.rss中使用select for change url feed

时间:2014-08-23 18:04:43

标签: javascript jquery select rss-reader

我有一个问题,我想使用插件https://github.com/sdepold/jquery-rss将select元素用于我的列表的更改网址。

这个链接,是我的代码选择,但不是功能: http://jsfiddle.net/diegomachado/ktz5g892/

jQuery(function($) {
    $("#rss-feeds").rss("http://unsplash.com/rss", {
        limit: 10,
        layoutTemplate: '<ul>{entries}</ul>',
        entryTemplate: '<li>{teaserImageUrl}</li>',
        effect: 'slideFastSynced'
    })
})

1 个答案:

答案 0 :(得分:0)

<div>
<select class="feed-source">
    <option value="http://unsplash.com/rss">http://unsplash.com/rss</option>
    <option value="http://antbaena.tumblr.com/rss">http://antbaena.tumblr.com/rss</option>
    <option value="http://devon-jade.tumblr.com/rss">http://devon-jade.tumblr.com/rss</option>
</select>
<h1>jquery.rss example</h1>
<div id="rss-feeds"></div>

jQuery(function($) {

    $("#rss-feeds").rss("http://unsplash.com/rss", {
        limit: 10,
        layoutTemplate: '<ul>{entries}</ul>',
        entryTemplate: '<li>{teaserImageUrl}</li>',
        effect: 'slideFastSynced'
    })

    $(".feed-source").change(function(){
        $("#rss-feeds").html("");
        $("#rss-feeds").rss($(".feed-source").val(), {
            limit: 10,
            layoutTemplate: '<ul>{entries}</ul>',
            entryTemplate: '<li>{teaserImageUrl}</li>',
            effect: 'slideFastSynced'
        })
    });
})