[jQuery] wywoływanie callbacka dla tego samego obiektu Opcje

[Master Pain]

Witam

Mam taki kod:

[PHP] pobierz, plaintext 
function klasa() {
   this.loop = 0;
   this.object = $('#jakisObiekt');
 
   this.moveUp = function() {
      this.object.animate({top : '+=100px'}, 1000, 'linear', function() {
         //tutaj jest błąd, po prostu nie wiem jak to wywołać.
         if(this.loop < 100) {
            this.moveDown();
         }
      });
   }
 
   this.moveDown = function() {
      this.object.animate({top : '-=100px'}, 1000, 'linear', function() {
         if(this.loop < 100) {
            this.moveUp();
         }
      });
   }
}
[PHP] pobierz, plaintext 

I wywołuję to w ten sposób:

[PHP] pobierz, plaintext 
var k = new klasa();
k.moveUp();
[PHP] pobierz, plaintext 

Wiem, że nie działa (komentarz w kodzie).
Chcę osiągnąć powtarzającą się, do uzyskania wartości 100 dla zmiennej loop, animację (góra/dół) na obiekcie. Tylko, że FireBug wywala błąd, że nie ma takiej funkcji jak this.moveUp(). Wiem też, że nie jest dobrze sprawdzany warunek:

[PHP] pobierz, plaintext 
if(this.loop < 100) { ... }
[PHP] pobierz, plaintext 

Wiem, że 'this' jest źle użyte, bo odwołuje się do elementu DOM '#jakisObiekt', a chcę się odwołać do obiektu klasy, żeby wywołać metodę.
Czy ktoś wie jak temu zaradzić?

Pozdrawiam!

Ten post edytował Master Pain 8.09.2009, 08:58:11

[nospor]

this.moveUp() - to jest wywolanie metody a nie jej deklaracja. Najpierw musi byc jej deklaracja by moc ją wogole wykonac.

[Master Pain]

Przepraszam, źle podałem przykładowy kod, już poprawiam.

[wookieb]

Ja bym zrobił mniej więcej w ten sposób

[JAVASCRIPT] pobierz, plaintext 
 this.moveUp = function() {
	  this.object.animate({top : '+=100px'}, 1000, 'linear', this.moveUpContinue);
}
 
this.moveUpContinue = function()
{
	 if(this.loop < 100) {
		 this.moveDown();
	 }
 
}
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował wookieb 8.09.2009, 09:21:47

[Master Pain]

Komunikat z FireBug'a: Błąd: this.moveDown is not a function

Metoda nie jest dostępna z tego poziomu? Zauważyłem też, że nie mogę sprawdzić warunku odnośnie loop:

[PHP] pobierz, plaintext 
if(this.loop < 100)
[PHP] pobierz, plaintext 

Zmienna ta nie jest tam widziana. Coś zrobiłem nie tak?
Kiedy zrobię:

[PHP] pobierz, plaintext 
alert(this.loop);
if(this.loop < 100) {
   this.moveDown();
}
[PHP] pobierz, plaintext 

alert pokazuje 'undefined'. Czy coś źle zadeklarowałem? Natomiast alert w metodzie moveDown pokazuje aktualną wartość zmiennej.

Ten post edytował Master Pain 8.09.2009, 10:57:57

[nospor]

THIS w funkcji jQuery odnosi sie do obiektu jQuery a nie do klasy.

[Master Pain]

nospor, hmm... to jak to rozwiązać? Chcę to zrobić obiektowo, ale też będę wykorzystywał funkcjonalność jQuery.

[wookieb]

[JAVASCRIPT] pobierz, plaintext 
function klasa()
{ 
    var obj = new Object();
    obj.object = $('#test');
    obj.loop = 100;
 
    obj.moveUp = function()
    {
        this.object.animate({width: 100}, 1000, 'linear', obj.moveUpContinue);
    }
 
    obj.moveUpContinue = function()
    {
        alert(obj.loop);
    }
    return obj;
}
 
var obj=klasa();
obj.moveUp();
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował wookieb 8.09.2009, 11:11:55

[nospor]

mozna tez inaczej:

Kod

function klasa() {
   this.loop = 0;
   this.object = $('#jakisObiekt');
   var thisObj =  this;
   this.moveUp = function() {
      
      this.object.animate({top : '+=100px'}, 1000, 'linear', function(ala) {
     //tutaj jest błąd, po prostu nie wiem jak to wywołać.
         if(thisObj.loop < 100) {
            thisObj.moveDown();
         }
      });
   }

   this.moveDown = function() {
      
      this.object.animate({top : '-=100px'}, 1000, 'linear', function() {
         if(thisObj.loop < 100) {
        thisObj.moveUp();
         }
      });
   }
}

aczkolwiek idea podobna

[Master Pain]

wookieweb, nospor - bardzo Wam dziękuję! nospor, wookieweb był szybszy no i trochę jego zapis mi bardziej wizualnie odpowiada

Pozdrawiam!

Ten post edytował Master Pain 8.09.2009, 11:24:13

[nospor]

nosor, wookieweb był szybszy

mi to tam zwisa i powiewa... chce jedynie zaznaczyc ze podal ci dopiero poprawną odpowiedź po moich podpowiedziach. Do póki nie napisalem co i jak to podawal ci zle kody

[Master Pain]

hmm racja, już klikam w odpowiedni przycisk