return from parent function after click

Question

I looked all around, but couldn't find any help with this problem.

So I have this if that is calling a function. In that I am waiting for a button press to happen. The button, therefore, should return true or false, but it's only returning to its anon-function running inside the click event and I don't know how to return from its parent function.

if ( saveConfirm() ) {
    saveFunction()
}

function saveConfirm () {
  $('#confirm').click(function() {
    $('modal').modal('hide')
    return true
  })
  $('#abort').click(function() {
    $('modal').modal('hide')
    return false
  })
}

Hope you guys understand what i mean and maybe someone can help me with how to return from the call to the if through the button that is pressed.

Answer 1

Click handlers execute asynchronously, you should move saveFunction call to confirm click handler. There is no way for saveConfirm return boolean value you are trying to return in click handler.

  $('#confirm').click(function() {
    $('modal').modal('hide');
    saveFunction();
  })
  $('#abort').click(function() {
    $('modal').modal('hide');
  })

Answer 2

You bind events in saveConfirm(). Try code below

  $('#confirm').click(function() {
    $('modal').modal('hide');
    saveFunction();
  })
  $('#abort').click(function() {
    $('modal').modal('hide');
  })