Question

我有一个带有箭头功能的动画方法，由于使用了this.innerWidth这样的角度类属性，该方法由于某种原因未执行，该方法获取设备宽度。谢谢。

  $(".window").animate(() => {

     if (this.screenWidth >= 1281) {
       console.log(this.screenWidth);
        }
     else if (this.screenWidth >= 1025 && this.screenWidth <= 1280) {
      console.log(this.screenWidth);  
        }    
     },
      5000,
      "swing",
       () => {
        //call back function
     }
  );

Answer 1

在这里您想为“ else if”条件关闭一个大括号这是有效的代码

$(".window").animate(() => {

 if (this.screenWidth >= 1281) {
   console.log(this.screenWidth);
  }
 else if (this.screenWidth >= 1025 && this.screenWidth <= 1280) {
  console.log(this.screenWidth);      
 }
},
  5000,
  "swing",
   () => {
    //call back function
 }
);

Answer 2

animate()函数接受以下参数

(selector).animate({styles},speed,easing,callback)

根据上述语法，您的代码应为：

$(".window").animate({}, 5000, "swing", () => {
        if (this.screenWidth >= 1281) {
            console.log(this.screenWidth);
        } else if(this.screenWidth >= 1025 && this.screenWidth <= 1280) {
            console.log(this.screenWidth);      
        }
    });

带有箭头功能的jQuery animate方法未执行？

2 个答案: