在使用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 ?我确定我忽略了一些简单的东西...我可以寻找一种不同的方式来显示Feed,但我想了解这里出了什么问题。
答案 0 :(得分:0)
将此选项用于要包装文本的元素。
style="white-space:normal !important;"