Question

我写了一个简单的代码，它循环遍历DOM中的几个项目，并通过AJAX调用将它们添加到CART中。

问题是应该在动作开头显示的动画没有显示在Chrome中（在Firefox中没关系！）。

这是代码：

 $(document).on('click','.btn_add_cart', function() {

   $("#wait").css('opacity',1); //starts an animation

   $(".one_item").each(function(index, value) {

        var post_data = {
          //some post data
        };
        $.ajax({                    
            type: "POST",
            dataType: "json",
            url: "/ajax/Add_to_cart",
            data: post_data,                      
            success: function(res){
            //do some code
            }

        });         

   })

   //stop the animation
})

我错过了什么？

Answer 1

$（文件）.on（＆＃39;点击＆＃39;，＆＃39; .btn_add_cart＆＃39;，功能（）{

$（＆＃34;＃等待＆＃34）的CSS。（＆＃39;不透明度＆＃39;，1）; //开始动画

setTimeout（function（）{

var flag = 0;

$（＆＃34; .one_item＆＃34;）。each（function（index，value）{

    var post_data = {
      flag = 1;
    };
    $.ajax({                    
        type: "POST",
        dataType: "json",
        url: "/ajax/Add_to_cart",
        data: post_data,                      
        success: function(res){
        //do some code
        }

    });

}）;

     if(flag == 1) {
      //stop the animation
      $("#wait").css('opacity',0); 

    } 
  }

}，1000）;

}）

Jquery在ajax调用之前不执行css命令

1 个答案: