Modo per eseguire le funzioni membro jQuery all'interno di setTimeout senza chiusura?

Question

Stavo cercando di fare qualcosa in questo senso:

setTimeout($('#element').hide,3000); 

che sembra abbastanza semplice, ma è paralizzato dal "this" problem. Voglio trovare un modo per passare semplicemente la funzione effettiva come parametro, senza averla racchiusa in un'altra funzione, ad es. Io non voglio fare questo:

setTimeout(function(){$('#element').hide();},3000); 

Quello che ho provato:

setTimeout($('#element').hide,3000); 
setTimeout($('#element').hide.apply(document),3000); /* jQuery docs say that document is the default context */ 
setTimeout($('#element',document).hide,3000); 
setTimeout($(document).find('#element').hide,3000); 
setTimeout($(window).find('#element').hide,3000); 
setTimeout($.proxy($('#element').hide,document),3000); /* I know this returns a function, which I don't want, but I have tried it */ 
setTimeout(($('#element').hide()),3000);    /* functional expression */ 

sto cercando il modo per ovviare a questo problema, ma io non voglio avvolgerla in un'altra funzione. Meno linee di codice, meglio è. So PERCHÉ questo non funziona come previsto, ma COME posso ripararlo senza doverlo chiudere in una chiusura?

Answer 1

Si può fare in questo modo legando il contesto del metodo con l'elemento stesso in modo che nel metodo jquery hide this si punti all'oggetto jQuery e non al contesto globale. È possibile creare funzioni rilegati utilizzando:

Function.bind

Croce alternativa Browser per questo:

$.proxy

Es:

var $elem = $('#element'); 
setTimeout($elem.hide.bind($elem),3000); 

o

setTimeout($.proxy($elem.hide, $elem),3000); 

o

setTimeout($.fn.hide.bind($elem),3000); //setTimeout($.proxy($.fn.hide, $elem),3000); 

Fiddle