我正在使用 jQuery 对表(客户端)进行排序。该表是可变长度的,当数据集很大时,排序可能需要大约 3-5 秒。我想在 javascript 对我的表格进行排序时显示一个带有微调器或“请稍候”通知的 div (id="sorting")。但是,通知未按预期工作。这是我的代码的要点:
var sortableList;
var sortField;
var sortDir;
$(document).ready(function(){
$('body').delegate('.sortable-heading','click',function(){
sortData($(this));
});
});
function sortData(obj){
$('#sorting').show();
sortableList = [];
$('.data-row').each(function(){
var rowData = {};
var sortKey = obj.attr('id');
var i = obj.index();
var val = $(this).find('td:eq(' + i + ') .val-text').text();
if(sortKey == 'adjHeading'){
val = $.trim(val);
}else{
val = $.trim(val) ? parseInt(val) : 0;
}
rowData[sortKey] = val;
rowData.rowHtml = $(this).clone().wrap('<p />').parent().html();
sortableList.push(rowData);
});
redrawTable(obj);
}
function redrawTable(obj){
if(obj.attr('id') == sortField){
sortDir = sortDir == true ? false : true;
}
sortField = obj.attr('id');
var primer = sortField == 'adjHeading' ? function(a){return a.toUpperCase()} : parseInt;
sortableList.sort(sort_by(sortField,sortDir,primer));
$('#pivot-table-1').html(topRowHeading1 + topRowHeading2);
for(var i in sortableList){
$('#pivot-table-1').append(sortableList[i].rowHtml);
}
$('#sorting').hide();
}
当点击函数触发时,表格被排序,我从来没有看到我的加载 div。如果我注释掉 $('#sorting').hide() 调用,则 div 仅在表格排序后才会显示。我虽然应该从上到下执行 javascript。知道为什么不在这种情况下吗?
谢谢