Javascript 如何让jQueryRSS和Jcarousel相互协作？

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

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

在这方面的任何帮助都是非常感谢的，因为我已经投入了太多的时间

下面是一些我正在做的工作的例子。RSS和旋转木马：

也在此处发布代码：

HTML

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');
  });

});

---

为了补充我的问题，也许我需要知道只有在rssul元素加载之后如何加载jcarousel。因此，在加载jcarousel之前，需要进行某种检查以确保它们在页面上的位置。如果它们不存在，则不要加载。另外-以下是指向我正在使用的工具的链接：jCarousel:jQueryRSS:

$(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');
  });

});