当jquery循环函数处理时,加载器轮图像不显示

时间:2014-06-04 14:29:55

标签: jquery dom select options loader

我必须在一个循环中处理大约20-30K的选择选项 - 我想要的是在循环处理时显示加载器.gif轮。我可以看到需要5-7秒!!但我没看到轮子?如果我在开发工具中放置一个断点,我会看到所需位置的滚轮。但没有断点就像循环已经死了,5秒后它会呈现选择框?它与DOM有关吗?

<img src="wheel.jpg" id="wheel" style="display:none;"/>


jquery->
$('#wheel').css({'display':'block'});

loop through a combo box and add or remove <options> from it (no XHR calls)

$('#wheel').css({'display':'none'});

任何?

1 个答案:

答案 0 :(得分:0)

  
$(function(){

    // ensure the wheel is visible before starting the job
    $('#wheel').fadeIn(500, function(){

        var selects = $('select').size();

        $('select').each(function(i, item){

        //simulating the hard job...
        var options = $(this).find('option').size();
        $(this).find('option').each(function(i, item){
            $(this).text('b');
            if(options==i+1){
                selects--;
            }
        });

        // hiding the wheel when finished
        if (0 == selects) {
            $('#wheel').hide();
        }
    });
    });
});