使用 jQuery (fakeloader.js) 添加文本

Question

大家好，我正在尝试将文本添加到 fakeLoader.js

的加载屏幕

这是脚本，但我不知道如何添加文本，例如

这是有效的代码：

$(".box-loader-screen").fakeLoader({
        timeToHide:5200,
        bgColor:"#3AA9D7",
        spinner:"spinner5",
        zIndex: "99999"
    });

但我想将文本添加到脚本的配置中

"Please wait..."

Answer 1

该脚本不允许放置文本，但您可以创建一个图像（也许是很酷的动画 GIF）并在其上放置文本。

$(".box-loader-screen").fakeLoader({
    imagePath:"yourPath/customizedImage.gif";
});

或者，您可以编辑脚本（并创建 "text" 选项。简单的方法：搜索第 82 行 https://github.com/joaopereirawd/fakeLoader.js/blob/master/fakeLoader.js#L82 :

if (settings.imagePath !='') {
    el.html('<div class="fl"><img src="'+settings.imagePath+'"></div>');
    centerLoader();
}
// add this
else {
    el.html('<div class="fl">Your content here</div>');
}

并添加您自己的 CSS 样式。

使用 jQuery (fakeloader.js) 添加文本

Add text with jQuery (fakeloader.js)

html

javascript

jquery

preloader

loader