使用jquery的rss feed不会包装到列表中

时间:2013-06-28 20:19:06

标签: jquery-mobile rss html-lists textwrapping

在使用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,但我想了解这里出了什么问题。

1 个答案:

答案 0 :(得分:0)

将此选项用于要包装文本的元素。

style="white-space:normal !important;"