Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Problem z metodą animacji animate()
peja1990
post
Post #1





Grupa: Zarejestrowani
Postów: 150
Pomógł: 1
Dołączył: 4.12.2010

Ostrzeżenie: (10%)
X----


Witam,
mam pewien problem z animacją.
Pozwolę sobie od razu przedstawić kod prościutkiej funkcji:
  1. function showOptions(e = "div", status = "expand" height = 100) {
  2. // Ustalam wysokość diva
  3. if(!height || height == 0) {
  4. return $(e).children('.options').height();
  5. }
  6. if(status == "expand") {
  7. $(e).children('.options').css('height', '0px').show().animate({
  8. height : '+=' + height // No i tutaj cały problem !
  9. });
  10. }
  11. }


Problem polega na tym, że gdy kilkukrotnie wykonam szybko funkcję (mouseover / mouseout) to wysokość czyli zmienna 'height' zaczyna się powiększać czego nie chcę i w tym cały mój problem...
Wiadomo, że mój problem rozwiązałaby zmiana metody animacji np. na show() ale zależy mi by zostać przy zastosowanej metodzie dlatego proszę Was o pomoc.
Macie jakieś pomysły ?
Z góry bardzo dziękuję.

---
Serdecznie pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Niktoś
post
Post #2





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


No i widzisz nie lepiej tak od razu,a nie nie chce mi się?
Błędy które zauważyłem:
[JAVASCRIPT] pobierz, plaintext
  1. function showOptions(e = "div", status = "expand" height = 100) {
[JAVASCRIPT] pobierz, plaintext
-chyba trzy parametry powinny być,brak przecinka?Powinno być:
[JAVASCRIPT] pobierz, plaintext
  1. function showOptions(e = "div", status = "expand" ,height = 100) {
[JAVASCRIPT] pobierz, plaintext


if(!height || height == 0) {-tutaj nie za bardzo wiem czy !height w js jest poprawne, czy nie powinno być:
[JAVASCRIPT] pobierz, plaintext
  1. if((height=="undefined") || (height == 0)) {
[JAVASCRIPT] pobierz, plaintext


Ten post edytował Niktoś 27.04.2012, 21:07:51
Go to the top of the page
+Quote Post
peja1990
post
Post #3





Grupa: Zarejestrowani
Postów: 150
Pomógł: 1
Dołączył: 4.12.2010

Ostrzeżenie: (10%)
X----


Cytat(Niktoś @ 27.04.2012, 22:04:40 ) *
No i widzisz nie lepiej tak od razu,a nie nie chce mi się?
Błędy które zauważyłem:
[JAVASCRIPT] pobierz, plaintext
  1. function showOptions(e = "div", status = "expand" height = 100) {
[JAVASCRIPT] pobierz, plaintext
-chyba trzy parametry powinny być,brak przecinka?Powinno być:
[JAVASCRIPT] pobierz, plaintext
  1. function showOptions(e = "div", status = "expand" ,height = 100) {
[JAVASCRIPT] pobierz, plaintext


if(!height || height == 0) {-tutaj nie zabardzo wiem czy w !height w js jest poprawne czy nie powinno być:
[JAVASCRIPT] pobierz, plaintext
  1. if((height=="undefined") || (height == 0)) {
[JAVASCRIPT] pobierz, plaintext


No widzisz (IMG:style_emoticons/default/wink.gif)
Okrajałem kod i dlatego też nie zauważyłem braku przecinka ale zobacz sobie na działanie tego prostego kodu:
http://jsfiddle.net/fvzFg/3/

Najedź i zjedź z bloczku kilka razy w szybkim tempie i zobaczysz jaki jest efekt.
Go to the top of the page
+Quote Post

Posty w temacie


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: 4.10.2025 - 14:23