asp.net - jCarousel は ajax を使用してコンテンツをロードします

Question

すべての機能製品を含むホームページに jCarousel を作成しましたが、機能製品の数が 100 の場合、ホームページの読み込みが非常に遅くなるため、コンテンツを ajax で読み込むことにしました。ASP.NET MVC 3.0 を使用しています。 Razor View エンジン搭載。これは私の実際のコードです:

            <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 呼び出しを行う方法がわかりません。