Javascript Div不';在jQuery中完成后不会消失

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();

#在jQuery中完成后,cal div不会消失

<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)?