[Erledigt] jQuery setTimeout und "this"...

halskrause · 25.10.2010, 18:45

Hi. Ich habe ein Problem mit jQuery. Undzwar verstehe ich nicht wieso folg. nicht funktioniert.

PHP-Code:

  $('.album').mouseenter(function(){
    setTimeout(function(){ $('this').children('.overlay,.albumDel').fadeIn(400);}, 1000);                          
 })

Da ich mehrere 'alben'-Klassen habe, arbeite ich hier mit 'this'. Doch es klappt nicht. 'this' scheint den Faden zu verlieren, weil es in einer zusätzlichen Funktion steckt (vermute ich mal). Wenn ich 'this' mit '.alben' ersetze, faden alle ein... Jedoch will nur den den aktuellen overlay zeitversetzt einblenden.

Weiß einer, wie ich 'setTimeout' und 'this' am besten zusammen einsetzen kann?

ChrisB · 25.10.2010, 20:56

Zitat:

Zitat von halskrause

'this' scheint den Faden zu verlieren, weil es in einer zusätzlichen Funktion steckt (vermute ich mal).

this verliert nicht „den Faden“, sondern this ist in dem Kontext, in dem deine Funktion per setTimeout ausgeführt wird, schlicht und einfach window.

Zitat:

Weiß einer, wie ich 'setTimeout' und 'this' am besten zusammen einsetzen kann?

Closures.
http://aktuell.de.selfhtml.org/artik...tion/#closures

rudygotya · 25.10.2010, 20:57

Das liegt daran, dass eine Funktion in Javascript lose angekoppelt ist, salopp gesprochen. In dem Fall von setTimeout ist der scope von this in dem Fall window. Um den Scope zu behalten, hast du jetzt viele Möglichkeiten.

The 'this' problem

Zitat:

Code executed by setTimeout() is run in a separate execution context to the function from which it was called. As a consequence, the this keyword for the called function will be set to the window (or global) object, it will not be the same as the this value for the function that called setTimeout. This issue is explained in more detail in the JavaScript reference.

https://developer.mozilla.org/en/Jav...Method_binding
https://developer.mozilla.org/en/Jav.../Function/bind
Und für alle anderen Browser:

PHP-Code:

  
if (typeof Function.prototype.bind !== 'function') {
    Function.prototype.bind = function (context) {
        var args = Array.prototype.slice.call(arguments, 1),
            f = this;
        return function () {
            args.push.apply(args, arguments);
            return f.apply(context, args);
        };
    };
}

edit: NOOOOO, ich war zu lahm..

Manko10 · 25.10.2010, 21:00

Wie schon genannt: Closures.

PHP-Code:

  var that = this;
setTimeout(function() {
    console.log(that);
}, 1234);

Im Übrigen gehört this nicht in Hochkommata. Das ist eine Referenz auf den aktuellen Kontext, kein String

Chriz · 26.10.2010, 11:31

halskrause: Nach soo vielen Postings müsste es doch eigentlich möglich sein zu debuggen oder? Einfach mal Variablen ausgeben, notfalls ganz altmodisch mit alert() - besser aber wie schon von Manko10 geschrieben mit console.log().

halskrause · 27.10.2010, 19:21

Danke für eure Hilfe.

@Chriz: Ich arbeite mich erst gerade in JavaScript ein. Ich war so klug und hatte mit jQuery begonnen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bin noch ein Anfänger mit jquery bitte um hilfe	bomber007	JavaScript, Ajax und mehr	4	19.08.2010 23:34
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jquery: dialogbox funktioniert nicht	Dreamwatcher	JavaScript, Ajax und mehr	16	22.07.2010 18:22
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
[Erledigt] Jquery Selektoren	chunky	JavaScript, Ajax und mehr	5	14.02.2010 11:14
jQuery Ablauf	halskrause	JavaScript, Ajax und mehr	8	24.11.2009 13:14
[Erledigt] [Erledigt] jQuery Endlos Scrolling Umlaute	kn0wledge	JavaScript, Ajax und mehr	0	18.10.2009 19:29
jQuery Dokus/Tuts	MaiKaY	Off-Topic Diskussionen	9	25.09.2009 16:52
Umsetzung von parentNode in jQuery	nikosch	JavaScript, Ajax und mehr	8	03.08.2009 21:25
[Erledigt] jQuery Dateien nachladen	Phoscur	JavaScript, Ajax und mehr	7	14.03.2009 13:44
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35
problem mit setTimeout		HTML, Usability und Barrierefreiheit	2	10.05.2006 13:02

25.10.2010, 18:45
halskrause Erfahrener Benutzer Registriert seit: 29.08.2008 Beiträge: 777	[Erledigt] jQuery setTimeout und "this"... Hi. Ich habe ein Problem mit jQuery. Undzwar verstehe ich nicht wieso folg. nicht funktioniert. PHP-Code: `$('.album').mouseenter(function(){ setTimeout(function(){ $('this').children('.overlay,.albumDel').fadeIn(400);}, 1000); })` Da ich mehrere 'alben'-Klassen habe, arbeite ich hier mit 'this'. Doch es klappt nicht. 'this' scheint den Faden zu verlieren, weil es in einer zusätzlichen Funktion steckt (vermute ich mal). Wenn ich 'this' mit '.alben' ersetze, faden alle ein... Jedoch will nur den den aktuellen overlay zeitversetzt einblenden. Weiß einer, wie ich 'setTimeout' und 'this' am besten zusammen einsetzen kann?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

25.10.2010, 21:00
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Wie schon genannt: Closures. PHP-Code: `var that = this; setTimeout(function() { console.log(that); }, 1234);` Im Übrigen gehört this nicht in Hochkommata. Das ist eine Referenz auf den aktuellen Kontext, kein String __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

26.10.2010, 11:31
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	halskrause: Nach soo vielen Postings müsste es doch eigentlich möglich sein zu debuggen oder? Einfach mal Variablen ausgeben, notfalls ganz altmodisch mit alert() - besser aber wie schon von Manko10 geschrieben mit console.log(). __________________ "Nuschel ich?" - "Was?"

27.10.2010, 19:21
halskrause Erfahrener Benutzer Registriert seit: 29.08.2008 Beiträge: 777	Danke für eure Hilfe. @Chriz: Ich arbeite mich erst gerade in JavaScript ein. Ich war so klug und hatte mit jQuery begonnen.