在使用 jquery 检索 RSS 提要时,我正在使用 Yahoo Pipes 解决跨域问题。这是我的脚本:
function getFeed(feed) {
var newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = 'http://pipes.yahoo.com/pipes/9oyONQzA2xGOkM4FqGIyXQ/run? &_render=json&_callback=piper&feed='+feed;
document.getElementsByTagName("head")[0].appendChild(newScript);
}
function piper(feed) {
var tmp='<li>';
for (var i=0; i<feed.value.items.length; i++) {
tmp+='<a href="'+feed.value.items[i].link+'">';
tmp+=feed.value.items[i].pubDate;
tmp+='<h3>'+feed.value.items[i].title+'</h3>';
tmp+='<p>'+feed.value.items[i].description+'<br></p>';
tmp+='<br></a></li>';
tmp+='<br>';
tmp+='<li>';
}
document.getElementById('rssLayer').innerHTML=tmp;
}
这就是我在正文中的称呼:
<body class="ui-body" onLoad='getFeed("http://file.xml")';">
<ul data-role="listview" id='rssLayer'></ul>
</body>
我的问题是每个li中的文本不会换行。有几个描述很长,大部分都被删掉了。有没有办法用 CSS将文本包装在li中?我确定我忽略了一些简单的事情......我可以寻找一种不同的方式来显示提要,但我想了解这里出了什么问题。