Pass function value to Jquery function call back

Question

I'm writing a script that loads different content based on the previously clicked links. (For an Android app). I'm having problems getting data to pass to my call back function.

function load_current_div(id, refer){
    $('#current-div').hide(function(){
        $('#current-div').html('');
        $('#current-div').load('content/'+id+'.html', function(){
            alert(id);
        });
    });
    $('#current-div').show();
}

I cannot get the id to contain a value when alerted.

Answer 1

Have you tried creating a local variable to avoid the id being overwritten by something else ?

function load_current_div(id, refer){
    $('#current-div').hide(function(){
        var local_id = id;
        $('#current-div').html('');
        $('#current-div').load('content/'+local_id+'.html', function(){
            alert(local_id);
        });
    });
    $('#current-div').show();
}