не Передавая глобальную переменной между функциями

Question

У меня немного проблемы с пропусканием глобального переменного значения между функциями ... мой cssStr всегда содержит indo со значением 1 независимо от того, что я установить значение с помощью setindo() функция. Предупреждение об отладке внутри этой функции всегда корректно.

var indo = "1"; 

function setindo(passedvalue) { 
    indo = passedvalue; 
    alert("indo = " + indo); 
} 


$(window).load(function(){ 
$(document).ready(function(){ 


var cssStr = ".upload-preview" + indo + " img"; 
var preview = $(cssStr); 

$(".file").change(function (event) {   //file is the class id 
    var input = $(event.currentTarget); 
    var file = input[0].files[0]; 
    var reader = new FileReader(); 
    //var title1 = $('#file').attr('id'); 
    alert("indo = " + indo); 
    alert(cssStr); 
    reader.onload = function(e){ 
     image_base64 = e.target.result; 
     preview.attr("src", image_base64); 
    }; 
    reader.readAsDataURL(file); 
}); 

</script> 

Answer 1

Что вы видите, так это то, что cssStr определяется один раз, когда документ загружается первым. Значение переменной не изменяется при значении indo - они не связаны вообще после создания строки. Если вы хотите использовать значение indo при вызове этой функции, тогда создайте cssStr внутри этой функции, а не при загрузке документа.

Answer 2

В setindo, используйте значение cssStr вместо, а затем он будет действительно глобальным. В настоящее время passedvalue находится в местной области до setindo