jQuery anidado Esto hace referencia a

Question

Tengo algunas Código jQuery de la siguiente manera:

$("#sh-zone-button-cart-menu").live("click", function(event) 
{ 
    event.preventDefault(); 
    $("#sh-zone-cart-menu").toggle(0, function(){ 
     if($(this).is(":visible")){ 
      $(this).siblings(".sh-zone-button-link-menu-content").hide(); 
      $("#sh-zone-button-cart-menu").parent().removeClass("current"); 
      //need to reference (this) for $("#sh-zone-button-cart-menu") here 
     }    
    }); 
    $("#sh-zone-button-cart-menu").parent().toggleClass("current"); 
}); 

Estoy intentando acceder a la presente petición de mi clic inicial desde el interior de otro sub-elemento es decir, me gustaría conseguir la esta referencia que habría estado disponible justo después de la primera llave de mi método live(). Sin embargo, necesito acceder a él desde otro subelemento, es decir, dentro de mi método toggle().

¿Cómo puedo hacer esto?

Gracias.

Answer 1

Guardar this como una variable local:

$("#sh-zone-button-cart-menu").live("click", function(event) { 
    // This line saves the current 'this' as a local variable 
    // that can be accessed by inner functions   
    var thisInClick = this; 
    event.preventDefault(); 
    $("#sh-zone-cart-menu").toggle(0, function(){ 
     if($(this).is(":visible")){ 
      $(this).siblings(".sh-zone-button-link-menu-content").hide(); 
      $("#sh-zone-button-cart-menu").parent().removeClass("current"); 
      //need to reference (this) for $("#sh-zone-button-cart-menu") here 
      $(thisInClick).doSomething(); 
     }    
    }); 
    $("#sh-zone-button-cart-menu").parent().toggleClass("current"); 
}); 

Answer 2

Puede guardar una referencia a this en una variable, por lo que puede usarlo más tarde.

$("#sh-zone-button-cart-menu").live("click", function(event) 
{ 
    event.preventDefault(); 
    var that = this; 
    $("#sh-zone-cart-menu").toggle(0, function(){ 
     if($(this).is(":visible")){ 
      $(this).siblings(".sh-zone-button-link-menu-content").hide(); 
      $("#sh-zone-button-cart-menu").parent().removeClass("current"); 
      //need to reference (this) for $("#sh-zone-button-cart-menu") here 
      $(that).show(); // <= "that" is sh-zone-button-cart-menu 
     }    
    }); 
    $("#sh-zone-button-cart-menu").parent().toggleClass("current"); 
}); 

Answer 3

Aquí hay una muestra diluida para mostrarle la técnica general.

$("#sh-zone-button-cart-menu").live("click", function(event) 
{ 
    var that = this; 

    $("#sh-zone-cart-menu").toggle(0, function(){ 
     alert($(that).attr('id')); 
     alert($(this).attr('id')); 
    }); 

}); 

Answer 4

Dentro de la devolución de llamada en vivo, tiene otro método 'alternar'. La palabra clave this aquí se refiere al elemento específico con ID de $ ('# sh-zone-cart-menu').

Si desea acceder a esa referencia, simplemente use ese selector.