Question

How can I retrive parameter “url” inside call back function?

Function declared in global scope:

var showPrompt = function(text, callBackFunc){
    $('#msg').html(text);
    $('#msgbtn').click( function(){callBackFunc();})
};

//calling function

$('li').click(function(){  // about 100 li el.
    var url = '/prod/' + $(this).data('id');
    showPrompt('Page will be redirected', function(url){
        window.location = url;
    })
})

Answer 1

showPrompt = function(text, callBackFunc, args){
    $('#msg').html(text);
    $('#msgbtn').click( function(){callBackFunc(args);})
};
//calling function

$('li').click(function(){  // about 100 li el.
    var url = '/prod/' + $(this).attr('id');
    showPrompt('Page will be redirected', function(args){
       alert(args.url);
    }, {'url':url})
})

Use this way (cleaner approach)

‘- OR –

showPrompt = function(text, callBackFunc){
    $('#msg').html(text);
    $('#msgbtn').click( callBackFunc);
};
//calling function

$('li').click(function(){  // about 100 li el.
    var url = '/prod/' + $(this).attr('id');
    showPrompt('Page will be redirected', function(){
       alert(url);
    })
})