Question

我正在尝试在加载特定时间的页面时显示jQuery Spinner。加载Spinner后，应显示body标签内的内容。只有在完成jQuery微调器之后。

我已经尝试过，jQuery spinner正在工作，之后内部的内容没有显示。

我的代码是，

<script type="text/javascript">
    jQuery(function ($) {
        "use strict";
        var element = $('<div></div>').css({
            width: 500,
            height: 500,
        }).appendTo('body');

        element.canvasLoader({
            color: '#ff0000'
        });

        element.canvasLoader(false);

        element.canvasLoader(true);

        element.canvasLoader.options[0].color = '#008000';

        $(element).trigger('stop.canvasLoader');

        $(element).trigger('start.canvasLoader');

        $(element).trigger('destroy.canvasLoader');

        $.fn.canvasLoader.options.customOptionsSet = {
            color: '#ffff00'
        };

        $(element).canvasLoader('customOptionsSet');

        $.fn.canvasLoader.options.defaults.color = '#0000ff';

        $(element).data({
            canvasLoaderShape: 'rect',
            canvasLoaderColor: '#00ffff'
        }).canvasLoader('attr');

        $(element).css({
            'font-family': 'oval',
            'color': '#ff00ff',
            'line-height': '103px',
            'letter-spacing': '71px',
            'word-spacing': '.4px',
            'font-size': '2px',
            'text-indent': '26px'
        }).canvasLoader('css');

        var deferred = $.Deferred();
        $(element).canvasLoader({
            //start:deferred.promise()
            start: false
        }).canvasLoader(deferred.promise());
        setTimeout(deferred.resolve, 3000);
        //setTimeout(deferred.reject,3000);

        var version = $.fn.canvasLoader.version;

    });
</script>

有没有办法这样做？

JSFiddle Link是：http://jsfiddle.net/efhL2bxm/

Answer 1

它实际上正在显示。只需更改fontsize的{{1}}即可。目前body为fontsize，因此未显示。

如何在jquery微调器加载后加载body内的内容

1 个答案: