Javascript Img不会淡出jQuery
我对这个JS/Jquery脚本有一些问题,它昨天完全可以工作,但是今天,它不能正常工作 加载的Javascript Img不会淡出jQuery,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我对这个JS/Jquery脚本有一些问题,它昨天完全可以工作,但是今天,它不能正常工作 加载的.gif会淡入,但不会淡出 这是我的HTML ... <div class="banner"> <img src="img/selosiade.png"/><br /> <form> <input id="username" class="login" type="text" name="username" auto
.gif
会淡入,但不会淡出
这是我的HTML
...
<div class="banner">
<img src="img/selosiade.png"/><br />
<form>
<input id="username" class="login" type="text" name="username" autocapitalize="off" placeholder="Nome de Usuário"><br />
<input id="password" class="login" type="password" name"password" autocapitalize="off" placeholder="Senha"><br />
<input type="button" value="Login" onClick="login.db();">
<img id="loading" src="img/loading.gif" />
...
这是login.db()
脚本:
var login = {
db: function () {
$('#loading').fadeIn(800, function () {
if (($('#username').val().length === 0) && ($('#password').val().length === 0)) {
$('#user_pass_vazio').fadeIn(800).delay(800).fadeOut(800);
$('#loading').delay(800).fadeOut(800);
} else if ($('#username').val().length === 0) {
$('#user_vazio').fadeIn(800).delay(800).fadeOut(800);
$('#loading').delay(800).fadeOut(800);
} else if ($('#password').val().length === 0) {
$('#pass_vazio').fadeIn(800).delay(800).fadeOut(800);
$('#loading').delay(800).fadeOut(800);
}
var pass1 = $('#password').val();
var pass = CryptoJS.SHA1(pass1);
var user = $('#username').val();
var flag = false;
$.ajax({
url: "http://apt-ghaschel.webatu.com/php/check.php",
type: "POST",
async: false,
data: {
user: user,
pass: pass
},
success: function (msg) {
var b = msg.match(/^.*$/m)[0];
$('#store').text(b);
flag = true;
}
});
if (flag) {
return;
}
b = $('#store').text();
if (b == '1') {
$('#login_certo').fadeIn(800).delay(800).fadeOut(800, function () {
$('div.banner').fadeOut(800, function () {
var encrypted = CryptoJS.AES.encrypt(pass, a);
$.cookie('username', user, {
expires: 365
});
$.cookie('username', encrypted, {
expires: 365
});
window.open("unidades.html?username=" + user + "");
});
});
} else if (b == '2') {
$('#login_errado').fadeIn(800).delay(800).fadeOut(800, function () {});
} else {
$('#erro_desconhecido').fadeIn(800).delay(800).fadeOut(800);
}
});
}
}
如果这是一件愚蠢的事情,我很抱歉,但我可以找出问题所在。当我在您的小提琴中禁用CryptoJS时,淡出功能正常工作 顺便说一下,登录表单div在开始时不会消失。我建议你使用
$(document).ready(function() {
pisca.telalogin();
});
检查这是否有助于您,使用
$(“#加载”).stop().fadeOut(800)代码>
而不是
$(“#加载”)。延迟(800)。淡出(800)代码>控制台中有错误吗?我在Phonegap项目中使用它,它不会显示任何控制台=/please,SSCCE。它似乎没有进入任何if/else块,因此它永远不会消失。它进入if/else块。它在#用户名
、#用户(u vazio
)和#通行证(u vazio
)中淡入淡出,但#加载
不会淡出。我尝试在其他代码前面放置#加载
,但它不会消失。尝试创建一个复制错误的文件。禁用CryptoJS在这里没有任何作用,但使用.stop()代码>解决了我的问题。无论如何,谢谢你。
$(document).ready(function() {
pisca.telalogin();
});