$ envío (este) en una devolución de llamada

Question

tengo este evento click jQuery

$('#sidebar .nav a span').click(function() { 
    var sidebar_nav = $(this); 
    $("#main").load("type_change.php?id="+id, successCallback); 

y luego tengo la devolución de llamada para hacer el

vinculante

var successCallback = function(responseText, textStatus, XMLHttpRequest) { 
    //doing all the binding in here 
} 

¿Hay una manera de pasar $(this) o sidebar_nav o a la función successCallback para que pueda hacer algo con ella

Answer 1

Puede usar $.proxy:

$("#main").load("type_change.php?id="+id, $.proxy(successCallback, $(this))); 

Esto establecerá this dentro successCallback a lo que se pasa como segundo parámetro.

Si desea this todavía para referirse a $("#main"), entonces se podría cambiar la devolución de llamada para aceptar un parámetro más:

var successCallback = function(responseText, textStatus, XMLHttpRequest, target) { 
    //doing all the binding in here 
} 

y lo llaman así:

var sidebar_nav = $(this); 
$("#main").load("type_change.php?id="+id, function() { 
    var args = $.makeArray(arguments); 
    args.push(sidebar_nav); 
    successCallback.apply(this, args); 
}); 

target se referirá a sidebar_nav.

Answer 2

lo envuelve en una función, y utilizar .apply() para invocar su función:

$('#sidebar .nav a span').click(function() { 
    var sidebar_nav = this; 
    $("#main").load("type_change.php?id="+id, function() { 
     successCallback.apply(sidebar_nav, arguments); 
    }); 

Ahora, this en su devolución de llamada será el elemento que se ha hecho clic, y se pasarán los demás argumentos de la load() devolución de llamada a lo largo también.

Answer 3

¿Hay alguna razón por la que no pueda usar una función anónima en la devolución de llamada? Por ejemplo:

$('#sidebar .nav a span').click(function() { 
    var sidebar_nav = $(this); 
    main.load("/shop_pos/includes/business_type_change.php?industry_category_id="+industry_category_id+"&business_type_id="+business_type_id+"&class_id="+class_id+"&quantity="+quantity, '', function (responseText, textStatus, XMLHttpRequest) { 
     // Function can read sidebar_nav here 
     if (textStatus == 'success') { 
      // Do stuff here, including that $.post that you might want to do. 
     } 
    }); 

Answer 4

Otra solución sería la de generar la función de devolución de llamada y proporcionar this como un argumento para el generador:

var genSuccessCallback = function (element) { 
    return function(responseText, textStatus, XMLHttpRequest) { 
    // use "element" here 
    } 
} 

$("#main").load("type_change.php?id="+id, genSuccessCallback(this));