Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> JQuery - animacja wartości width i height własnego obiektu
radziopoke
post
Post #1





Grupa: Zarejestrowani
Postów: 125
Pomógł: 14
Dołączył: 2.06.2010

Ostrzeżenie: (0%)
-----


Na początek trochę kodu w js:
  1. imageInGame['image123'] = {
  2. top: 0,
  3. left: 0,
  4. width: 1024,
  5. height: 640
  6. };
  7.  
  8. jQuery(imageInGame['image123']).animate({height: 896, width: 1434, left: -204, top: -128}, {
  9. duration: 1000,
  10. easing:'linear',
  11. });

imageInGame jest tablicą obiektów

wszystko ładnie wygląda lecz animacja obiektu nie działa całkowicie. Wartości "left" oraz "top" animują się bez problemu lecz "width" oraz "height" pozostały nieruszone. sprawdzałem już czy nazwy są dobrze powpisywane i wszystko było w porządku. Ręcznie mogę ustawić wartości width oraz height np:
  1. imageInGame['image123'].width = 1024;

lecz mi bardziej chodzi o to by te zmienne również się animowały... Jaki może być powód, że jquery pomija mi te dane?

Ten post edytował radziopoke 17.03.2015, 10:15:54
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 7)
com
post
Post #2





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----


Wartosci domyslne w css ustawione?
Go to the top of the page
+Quote Post
radziopoke
post
Post #3





Grupa: Zarejestrowani
Postów: 125
Pomógł: 14
Dołączył: 2.06.2010

Ostrzeżenie: (0%)
-----


wartości ccs na obiekcie javascriptowym?

imageInGame jest tablicą, a w niej przetrzymuje obiekty (nie elementy html-a) więc tu nie ma co wpływać css. wartości sprawdzam np w firebug-u i wiem, że nie ulegają one zmianie. Wynika z tego, że jquery nie potrafi dobrze animować wartości nazwanych width i height gdy nie są to atrybuty elementu html. Gdyż po zmianie nazwy z width na width2 i analogicznie z drugą wartością wszystko działa jak należy. Gdybym z tych zmiennych korzystał w wielu miejscach kłopot mógłby być ze znaleziemiem ich wszystkich. Choć nadal nie mam pojęcia dlaczego animate nie działa na te wartości... i czy jakie jeszcze nazwy zmiennych mogą nie działać z animate...
Go to the top of the page
+Quote Post
com
post
Post #4





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----


Nie dziala bo wymaga domyslnych wartosci wedlug ktorych ma zmieniac. Top i left ustawione maja 0 stad nie ma problemu
Go to the top of the page
+Quote Post
radziopoke
post
Post #5





Grupa: Zarejestrowani
Postów: 125
Pomógł: 14
Dołączył: 2.06.2010

Ostrzeżenie: (0%)
-----


czyli co wg Ciebie robi linijka 4 i 5 w skrypcie zademonstrowanym w pierwszym poscie?
Go to the top of the page
+Quote Post
trueblue
post
Post #6





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Działa: http://jsfiddle.net/g2hagu8u/
Go to the top of the page
+Quote Post
radziopoke
post
Post #7





Grupa: Zarejestrowani
Postów: 125
Pomógł: 14
Dołączył: 2.06.2010

Ostrzeżenie: (0%)
-----


z tego wynika że muszę zmienić wersję jQuery gdyż aktualnie posiadam wersje 1.7.1. A na niej nie działa... Mam tylko nadzieję, że nie wykorzystywałem jakiś przestarzałych funkcji gdyż trudno będzie je znaleźć w dość obszernym kodzie.
Go to the top of the page
+Quote Post
com
post
Post #8





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----


Jesli uzyles to dostaniesz info w konsoli no i jest migrate jak nie chce Ci sie poprawiac (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 28.09.2025 - 11:32