jQuery/JS 함수 값 반환

Question

불면증으로 인한 것일 수도 있지만 다음 JS 기능을 사용하는 데 문제가 있습니다.

function numFunction() { 
    var retNum = null; 
    $('.draggable').draggable($state).on("drag", function (event, ui) { 
     retNum = 31; 
    }); 
    return retNum; 
} 

var finNum = numFunction(); 

그것은이처럼 쉽게 :

• 우리는 이름 numFunction와 함수를 만들어의 시작.
• 변수 retNum이 정의됩니다. 변수는 jQuery UI draggable (완벽하게 작동 함)에 의해 트리거되는 이벤트로 인해 값이 변경됩니다.
• 반환 retNum
• 마지막으로, 정의 31의 함수의 (가정) 새 값으로 변수 finNum 새.
• 기사 끝.

아쉽게도 작동하지 않습니다. console.log(finNum)은 null 만 반환합니다. 나는 내 머리를 벽에 부딪 히려하고있다. 내가 무엇을 놓치고 있는지 모른다.

Answer 1

이벤트가 트리거되면 실행되는 draggable 이벤트 핸들러에서만 retNum 값을 변경합니다.

하지만 이벤트가 발생하지 않는 이상 발생하지 않습니다.

function numFunction() { 
    var retNum = null; 
    $('.draggable').draggable($state).on("drag", function (event, ui) { 
     retNum = 31; 
    }).trigger('drag');<- trigger it immediately to set the value of retNum to 13 
    return retNum; 
}