jquery – 如何在特定时间段内在单个视图上加载多个部分视图?

前端之家收集整理的这篇文章主要介绍了jquery – 如何在特定时间段内在单个视图上加载多个部分视图?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在单个视图页面上有多个局部视图.部分视图动态加载.我希望部分视图加载1乘1.是否可以这样做?

解决方法

在您的视图中,保留三个Div并在下面的某个属性中指定Url详细信息.

示例HTML

<div id="Div1" attr-Url="@Url.Action("ActionName","ControllerName",new { area = "Area Name" })">
</div>

<div id="Div2" attr-Url="@Url.Action("ActionName",new { area = "Area Name" })">
</div>

<div id="Div3" attr-Url="@Url.Action("ActionName",new { area = "Area Name" })">
</div>

现在,您可以使用Load CallBack of Load Event.

JQuery的

$(document).ready(function () {
    var url = $('Div1').attr('attr-Url');
    $('Div1').load(url,function () {

        //Success callback
        url = $('Div2').attr('attr-Url2');
        $('Div2').load(url,function () {

            //Success callback
            url = $('Div3').attr('attr-Url3');
            $('Div3').load(url,function () {

                //Success callback
            }); 
        });
    });
});

如果你注意到上面的代码.成功加载第一个局部视图后,第二个局部视图开始加载,顺序第三个.

希望对你有帮助…

猜你在找的jQuery相关文章