Javascript Div不';在jQuery中完成后不会消失
#在jQuery中完成后,cal div不会消失Javascript Div不';在jQuery中完成后不会消失,javascript,jquery,html,fade,Javascript,Jquery,Html,Fade,#在jQuery中完成后,cal div不会消失 <div id="main"> <div id="price"></div> <div id="cal">Calculating...</div> </div> 精明的。。。 下面是我的Javascript/jQuery代码: <script type="text/javascript"> $('#cal').hide();
<div id="main">
<div id="price"></div>
<div id="cal">Calculating...</div>
</div>
精明的。。。
下面是我的Javascript/jQuery代码:
<script type="text/javascript">
$('#cal').hide();
$('#price_submit').click(function() {
var my_data = {
//successfully sends data
};
$('#price').fadeOut('fast', function(){
$('#cal').fadeIn();
});
$.ajax({
url: "proccess.php",
type: 'POST',
data: my_data,
success: function(msg){
$('#cal').fadeOut('fast', function() {
$('#price').fadeIn().html(msg);
});
}
});
return false;
});
</script>
$('#cal').hide();
$(“#价格_提交”)。单击(函数(){
变量my_数据={
//成功发送数据
};
$('price').fadeOut('fast',function(){
$('#cal').fadeIn();
});
$.ajax({
url:“proccess.php”,
键入:“POST”,
数据:我的数据,
成功:功能(msg){
$('#cal').fadeOut('fast',function(){
$('#price').fadeIn().html(msg);
});
}
});
返回false;
});
最后,它将成功地检索数据并显示数据,但仍然显示#cal div bellow价格。非常感谢您的帮助。我建议您停止之前的动画,并查看:
$('#cal').stop().fadeOut('fast', function () {
$('#price').stop().fadeIn().html(msg);
});
我刚刚把你的密码
$('#cal').hide();
$('#price_submit').click(function() {
var my_data = {
//successfully sends data
};
$('#price').fadeOut('fast', function(){
$('#cal').fadeIn();
});
$.ajax({
url: "/echo/json",
type: 'POST',
data: my_data,
success: function(msg){
msg = '1134141234';
$('#cal').fadeOut('fast', function() {
$('#price').fadeIn().html(msg);
});
}
}
);
return false;
});
在
而且效果很好
您能提供更多信息来正确再现您的问题吗?可能是因为您的fadeIn()在Ajax调用完成时还没有完成吗?因此,对fadeOut()的调用会注意到正在进行的淡入淡出,并被忽略?您确定ajax调用已成功吗检查ajax是否响应是否确定调用了success函数?我还喜欢标准post调用的速记法:$.post(“process.php”、my_data、function(msg){$('\cal').fadeOut('fast',function(){$('\price').fadeIn().html(msg);});谢谢,ajax响应是可以的,因为我看到了结果。我仍然找不到捕获。谢谢,但这样做不会发生任何事情,也不会显示加载程序,但我似乎在衰减过程中停止了。停止(false,true)?