最近、暇だったのでgoogle ajax feed apiを触ってみた見ましたが、jQuery mobileのlistviewを動的作成するところで困っています。
"html +="の部分で ul data-role="listview" data-inset="true"とliを使って、取得したRSSをjQuery mobileでリスト化したいんですが、途中で投げ出してしまいました。かなりいじったんですが、さっぱりわかりません。ヒントでも、直接コードを書いても構いませんので助けて頂けると嬉しいです。
var echo = function () {
entriesArray.sort (function (b1, b2) { return b1.sortDate < b2.sortDate ? 1 : -1; } );//降順ソート
//this.entriesArray.sort (function (b1, b2) { return b1.sortDate > b2.sortDate ? 1 : -1; } );//昇順ソート
var feedLength = (_maxLength)? _maxLength : entriesArray.length;
var container = document.getElementById(_id);
var html='<dl>';
for (var i = 0; i < feedLength; i++) {
var entry = entriesArray[i];
var pdate = new Date(entry.publishedDate);
var Y = pdate.getFullYear();
var m = pdate.getMonth() + 1;
m = (m < 10)? "0" + m:m;//月数字を2桁に
var d = pdate.getDate();
d = (d < 10)? "0" + d:d;//日数字を2桁に
var date = Y + "年" + m + "月" + d + "日";
html += '<li>';
html += '<img src="http://favicon.st-hatena.com/?url=' +entry.siteUrl + '" />';
html += ' <a href="' + entry.link + '" target="_blank">' + entry.title + '</a>(' + date + ')';
html += '<img src="http://b.hatena.ne.jp/entry/image/large/' + entry.link + '" />';
}
html += '</dl>';
container.innerHTML += html;
};
google.setOnLoadCallback(init);
};
getRssFeeds("feeds", [
"http://feeds.feedburner.com/hatena/b/hotentry"
]);
//]]>``