如何让Jquery RSS和Jcarousel相互合作？

Question

您好我正在尝试创建一个简单的RSS提要阅读器/小部件。基本上它需要将RSS中的数据加载到<li>元素中，然后使用jCarousel来允许它们水平滚动。

这两件作品都很棒。但是，他们不会一起工作。我很确定发生了什么是RSS创建了UL / LI元素，但是当jcarousel加载时它们不可用。因此，jcarousel试图滚动不存在的元素。

由于我已经沉浸了太多时间，所以对此有任何帮助都非常感激。

以下是我正在做的一些工作示例。 RSS和Carousel： http://jsfiddle.net/LuJ7M/9/

此外也在这里发布代码：

HTML

<!-- Example of carousel and rss not working together -->
<div>
  <a class="jcarousel-prev" href="#">Prev</a>
  <a class="jcarousel-next" href="#">Next</a>

  <div id="rss-feed" class="jcarousel"></div>
</div>

的JavaScript

$(function () {
  $("#rss-feed").rss("http://www.e-ci.com/events/rss.xml", {
     limit: 5,
     layoutTemplate: '<ul id="events">{entries}</ul>',
     entryTemplate: '<li><div class="title"><a href="{url}">{title}</a></div><div class="description">{shortBodyPlain}[{author}@{date}]</div></li>'
  }).show();

  $('.jcarousel').jcarousel();

  $('.jcarousel-prev').click(function () {
    $('.jcarousel').jcarousel('scroll', '-=1');
  });

  $('.jcarousel-next').click(function () {
    $('.jcarousel').jcarousel('scroll', '+=1');
  });

});