我在主页上制作了一个包含所有功能产品的 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 调用来加载内容。