Question

我正在使用waitMe（http://vadimsva.github.io/waitMe/）加载我的角度js应用程序。这是我如何将它添加到我的项目中。

<link href="lib/css/waitMe.css" rel="stylesheet"> <script src="lib/js/waitMe.js"></script>

这里是等待消息的javascript代码。

$('#login-box-body').waitMe({
            effect: 'bounce',
            text: '',
            bg: 'rgba(255,255,255,0.7)',
            color: '#000',
            maxSize: '',
            waitTime: -1,
            source: 'img.svg',
            textPos: 'vertical',
            fontSize: '',
            onClose: function (el) {
            }
        });

这是我在javascript消息生成器中使用的div。

<div class="login-box-body">

    <div class="wrapper">
        <form class="form-signin">
            <h2 class="form-signin-heading">Sign In</h2>
            <div style="text-align: center">

但是当我按下按钮时，什么都没有出现，也没有错误信息。这是什么原因？我错过了什么吗？

Answer 1

问题在这里$('#login-box-body').waitMe({。您可以通过以下两种方式解决此问题：

在JavaScript中将#login-box-body更改为.login-box-body

JavaScript的：

$('.login-box-body').waitMe({
            effect: 'bounce',
            text: '',
            bg: 'rgba(255,255,255,0.7)',
            color: '#000',
            maxSize: '',
            waitTime: -1,
            source: 'img.svg',
            textPos: 'vertical',
            fontSize: '',
            onClose: function (el) {
            }
        });

HTML：

<div class="login-box-body">

    <div class="wrapper">
        <form class="form-signin">
            <h2 class="form-signin-heading">Sign In</h2>
            <div style="text-align: center">

将<div class="login-box-body">更改为<div id="login-box-body">

JavaScript的：

$('#login-box-body').waitMe({
                effect: 'bounce',
                text: '',
                bg: 'rgba(255,255,255,0.7)',
                color: '#000',
                maxSize: '',
                waitTime: -1,
                source: 'img.svg',
                textPos: 'vertical',
                fontSize: '',
                onClose: function (el) {
                }
            });

HTML：

<div id="login-box-body">

    <div class="wrapper">
        <form class="form-signin">
            <h2 class="form-signin-heading">Sign In</h2>
            <div style="text-align: center">

如何在AngularJs应用程序中使用waitMe loader

1 个答案: