В моем блоге есть лента в Твиттере. Он отлично работает, но есть проблема с длинными URL-адресами в твитах. Длинные URL-адреса нарушают макет, выходя за пределы ширины контейнера.
Мой код выглядит следующим образом:
<ul id="twitter_update_list">
<!-- twitter feed -->
</ul>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&count=3"></script>
Сценарий blogger.js содержит функцию обратного вызова, которая берет данные из запроса Twitter и заполняет
элементов в предварительно определенный
.
Я ' m с помощью следующего CSS для автоматического разрыва строки (для браузеров, которые его поддерживают):
#twitter_update_list li span a {
word-wrap: break-word;
}
Я знаю о теге
и пытался использовать его с функцией jquery, которая выглядела следующим образом:
$(document).ready(function(){
$("#twitter_update_list li span a").each(function(){
// a replaceAll string prototype was used here to replace "/" with "<wbr>/"
});
});
Однако, когда я пытался использовать этот фрагмент, IE переставал отвечать, и это бесполезно.
Я ищу блок кода, который я могу просто добавить, чтобы исправить проблему с разрывом строки (добавив перенос строки на длинные URL-адреса). Firefox и Chrome работают правильно, но IE7 и IE8 нужно нечто большее. (Меня не волнует IE6.)