Question

我有2个（或更多）按钮和div的视图。单击按钮1后，部分视图应加载到“ DivPartialView_1”并每5秒刷新一次。当用户单击按钮2时，“ DivPartialView_1”应隐藏，另一部分视图内容应加载到“ DivPartialView_2”，并且每5秒刷新一次。我的问题是，在单击按钮2之后，两个div都可见，因为第一次内容刷新（ajax）仍在进行。

我的脚本如下：

function loadPartialView_1(){
        $('#DivPartialView_1').show();
        $('#DivPartialView_2').hide();

        $('#DivPartialView_1').load('/PartialViewData_1’);
    }

function loadPartialView_2(){
    $('#DivPartialView_1').hide();
    $('#DivPartialView_2').show();

    $('#DivPartialView_2').load('/PartialViewData_2’);
}


$('#btnShowPartial_1').click(function () {
    function RefreshPartial_1(){
        //this will wait 3 seconds and then fire the load partial function
        setTimeout(function(){
            loadPartialView_1();
            //recall this function so that it will continue to loop
            RefreshPartial_1();
        }, 5000);
    }
    //initialize the loop
    RefreshPartial_1();
});

$('#btnShowPartial_2').click(function () {
    function RefreshPartial_2(){
        //this will wait 3 seconds and then fire the load partial function
        setTimeout(function(){
            loadPartialView_2();
            //recall this function so that it will continue to loop
            RefreshPartial_2();
        }, 5000);
    }
    //initialize the loop
    RefreshPartial_2();
});

问题可能出在哪里，什么是更好的解决方案？

谢谢

当div内容每5秒刷新一次时，两个div之间如何切换？

0 个答案: