javascript - jquery spinner加载后如何加载body内的内容

Question

我试图在特定时间加载页面时显示 jQuery Spinner。加载 Spinner 后，应该显示 body 标记内的内容。仅在完成 ​​jQuery spinner 后。

我已经尝试过，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 链接是:http://jsfiddle.net/efhL2bxm/

Answer 1

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