JQuery одушевленный метод с функцией стрелки не выполняется?

Question

У меня есть метод animate с функцией стрелки, который по какой-то причине не выполняется, при этом используется свойство углового класса, например: 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

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

Answer 2

Здесь вам не хватает закрыть одну фигурную скобку для условия «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
 }
);