jQuery Как оживить мой код?

Question

Эй, я знаю немного jQuery сейчас, но я все еще немного смущен анимациями (особенно, когда мне приходится добавлять их в рабочий скрипт).

У меня есть, например:

if (i = 1) {    
       i = i +1 
       $("#div p").css("left", "-" + width * i + "px"); 
     } 

Как анимировать() Маржа добавления? Я пытаюсь и пробовать и пробовать ...

 if (i = 1) {    
       i = i +1 
       $("#div p").animate().css.("left", "-" + width * i + "px"); 
     } 

    if (i = 1) {    
       i = i +1 
       $("#div p").css(.animate("left", "-" + width * i + "px")); 
     } 

т.д.

Спасибо!

Answer 1

ли вы на самом деле хотите маржу в .animate()?

$("#div p").animate({marginLeft: -(width * i) }); 

Или в левой позиции?

$("#div p").animate({left: -(width * i) }); 

(Нет необходимости в "px", так что по умолчанию для обоих из них. Вам не нужны кавычки "-" либо. Вы можете отправить целое число.)

Keep что если вы анимируете левую позицию, вам нужно, чтобы ваша позиция css была установлена ​​в relative или absolute.

---

EDIT:

отметить также, что в ваших if() заявления, если вы пытаетесь сделать сравнение, вам нужно использовать == или ===, как в:

if (i === 1) {... 

Answer 2

В самый простой способ мыслимые:

$('#book').animate({ 
    left: "-" + width * i + "px" 
}, 5000); 

Кроме того, в случае сомнений, не забудьте взглянуть на официальную документацию: