jCarousel使用ajax加载内容

Question

我在我的主页上创建了一个包含所有功能产品的jCarousel，但如果功能产品的数量是100，主页的加载速度会很慢，所以我决定用ajax加载内容，我使用的是ASP。 NET MVC 3.0与剃刀视图引擎。这是我的实际代码：

            <script type='text/javascript'>//<![CDATA[
                $(window).load(function () {
                    jQuery(document).ready(function () {
                        jQuery('#sidebarcarousel').jcarousel({ scroll: 1 });
                    });
                });//]]>  
            </script>

              <ul id="sidebarcarousel" class="jcarousel-skin-tango">
            @foreach (var item in Model.Products)
            {
                <li>
                    <div class="item-box">
                        @Html.Partial("_ProductSmallBox", item)
                    </div>
                </li>    
            }
            </ul>

并使用css正确显示轮播。我不知道如何进行ajax调用来加载内容。