Изменение значения переменной внутри Jquery покадрово события

Question

Я пытаюсь изменить значение переменной внутри BEFORE_CLOSE события, не повезло до сих пор ... Я использую Kylefox's Jquery-modal

HTML:

<div id="other" class="modal" style="display:none;"> 
<label for="form_otherName" class="label-important required">(*) Enter 'Other' Name </label> 
<input type="text" required="required" name="form[otherName]" class="round default-width-input" id="simple-input"> 
<a href="#close" rel="modal:close">Close window</a></div> 

Js:

 $('#form_submit').on('click', function (e) { 
     e.preventDefault(); 
     var page = $("#carousel").rcarousel("getCurrentPage"); 
     var employeeID = $("input[name='form[employeeID]']").val(); 
     var temp = ''; 
     if (page == 4) { 
      $('#other').modal(); 
      $('#other').on($.modal.BEFORE_CLOSE, function (event, modal) { 
       temp = $("input[name='form[otherName]']").val(); 
       console.log(temp); 
      }); 
      console.log('after event '+temp); 
      $.post("{{ path("working_letter_model",{'language': 'spanish'})}}", {model: page, idNumber: employeeID}, function (data) { 
       //do whatever with the response 

       }); 
      } 
} 

Что я делаю неправильно? В любом случае, чтобы исправить это?

Я читал о Js, используя переменные для значения вместо ссылки, но я не знаю, применимо ли это.

Answer 1

Нет ничего плохого в том, как вы назначаете временную переменную, только так, как вы ее регистрируете. Кажется, вы читаете этот код и ожидаете его выполнения линейным способом, то есть в том порядке, в котором он появляется. Вот что происходит на самом деле.

Событие зарегистрировано здесь, и обратный вызов предоставляется для выполнения при срабатывании события.

$('#other').on($.modal.BEFORE_CLOSE, function (event, modal) { 
    //this code does not execute yet! 
    temp = $("input[name='form[otherName]']").val(); 
    console.log(temp); //it shows the value 
}); 

Далее эта строка выполняется, а темп по-прежнему имеет начальное значение.

console.log('after event '+temp); //it returns empty 

Наконец, когда модальный закрывается, обратный вызов выполняется, и вы получите журнал к консоли, которая показывает недавно присвоенное значение.

temp = $("input[name='form[otherName]']").val(); 
console.log(temp); //it shows the value