BASEのオンラインサイトでトップページにブログRSSでブログ記事を表示する方法

Question

BASEの公式にブログ記事を取得して、トップページに表示できそうなドキュメントがあるのですが、

以下の部分を、画面に表示するにはHTMLでどう実装すればよろしいでしょうか？

<script>
$(function(){
    $.ajax({
        url: '{BlogFeedPageURL}',
        type: 'GET',
        dataType: 'xml',
    })
    .done(function(data) {
        i = 1;
        $('item', data).each(function() {
            var link = $('link', this).text();
            var title = $('title', this).text();
            var image = $('image', this).text();
            var blog_content = '<div><a href="' + link + '"><img src="' + image + '"><p>' + title + '</p></a></div>';
//alert(link + ' : ' + title + ' : ' + image);
            $('#container').append(blog_content);
            if (i >= 3) {
                return false;
            }
            i++;
        });
    });
});
</script>

Answer 1

containerにblog_contentをappendしてるので、IDがcontainerの要素をを用意すればいいのではないでしょうか。

blogを表示したい部分の要素を空で用意して、#containerをそれに変える方がいい気もします

Comments

[kaoru_tujimiya]

ありがとうございます！！
お陰でできました！
<section id="container">
</section>