Question

每次单击“准备结果”按钮时，进度div都不会立即显示，而是需要时间才能显示。

- Javacript

("#preview").click(function ()
{
    $('#divloading').show();

});

 <div id="divloading" style="display: none; text-align: center; width: 10000px" class="LoadingClass">
        <center>
            <div class="chart-container" id="chart"></div>

        </center>
    </div>

div应该已经即时显示但是它会被延迟。

Below is what is logged  for   $('#divloading').show();
    > 22:8:20:424 Test Click Time:End:
    > 22:8:20:423 Test Click Time:Start:
    > 22:8:9:506 Test Click Time:End:
    > 22:8:9:504 Test Click Time:Start:

Answer 1

我在您的代码中找到了ajax ...这意味着您向服务器发送请求！并且还意味着它不是完全用户端操作并且正在使用互联网！所以花时间从服务器获取结果是正常的。

但你要担心的是它有的故障，显示加载页面然后消失并再次出现！

编辑：

这是在click上被触发的代码...并且在它的末尾调用此函数，其中包含ajax请求：Report_Comparison（）;

$("#preview").click(function ()
{

$('#divloading').show().delay(0);

$('#ErrorWhileReportGeneration').html("");

var _GreaterOrSmaller = "<";
if ($("#rdo_sectorlargerthan").is(':checked') == true) {
    _GreaterOrSmaller = "" + ">";

}
if ($("#PartnersCountries").val() == null) {
    $('#divloading').hide();
    jAlert('Please select a partner country');

    return false;
}
if ($("#CompareCountryList").val() == null) {
    $('#divloading').hide();
    jAlert('Please select a country to compare');
    return false;
}
if ($("#IncludeComparisonInReport").is(':checked') == false) {
    $('#divloading').show();
    $("#report-table-container").show();
    _data = [];
    _Categoryies = [];
    _PointData = [];
    _AllData = [];
    if (SimpleReport() == false) {
        return false;
    }
}
else {
    $("#report-table-container").hide();
    $('#divloading').hide();
    jAlert("Include - Level 2 Selection work in development phase");
    return false;
}

$('#divloading').show();
Report_Comparison();
return false;
});

按钮单击延迟显示进度div

1 个答案: