Как отложить возврат функции до тех пор, пока не произойдет щелчок - PullRequest
Новая
       6

Как отложить возврат функции до тех пор, пока не произойдет щелчок

2 голосов
/ 23 июня 2009

Следующая функция verifyDialog вызывается на полпути через другую функцию jquery. Когда этот verifyDialog возвращает true, другая функция должна продолжаться ... но это не так. Причиной этого, по-видимому, является то, что вся функция verifyDialog уже выполнена (возвращает false) к тому времени, когда нажимается кнопка продолжения. Как я могу отложить возврат чего-либо до тех пор, пока не будут нажаты кнопки?

(Или, если я полностью на неправильном пути, в чем проблема и как ее исправить?) 

function confirmDialog(message) {
....
    $('input#continue', conf_dialog).click(function() {
        $(this).unbind();
        $('p',conf_dialog).fadeOut().text('Are you really sure you want to '+message).fadeIn();
        $(this).click(function() {
            $(conf_dialog).remove();
            return true;
        });
    }); 
    $('input#cancel', conf_dialog).click(function() {
        $(conf_dialog).remove();
        return false;
    }); 
}

Ответы [ 5 ]

1 голос
/ 23 июня 2009

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

http://www.sitepen.com/blog/2009/03/31/queued-demystifying-deferreds/

http://api.dojotoolkit.org/jsdoc/1.3/dojo.Deferred

Используя Deferred, вы можете использовать функцию вызова: 

function doSomething () {
  // this functions does something before calling confirmDialog
  if (confirmDialog) {
    // handle ok
  } else {
    // handle cancel
  }
  // just to be difficult lets have more code here
}

и изменить его на что-то вроде этого: 

function doSomethingRefactored() {
  // this functions does something before calling confirmDialog

  var handleCancel = function() { /* handle cancel */};
  var handleOk = function() { /* handle ok */};
  var doAfter = function() { /* just to be difficult lets have more code here */};

  var d = new dojo.deferred();
  d.addBoth(handleOk, handleCancel);
  d.addCallback(doAfter);
  confirmDialog(message, d);
  return d;
}
  • ConfirmDialog должен быть обновлен до вызова d.callback () или d.errback () вместо возврата true или ложь
  • если функция, которая вызывает что-то должно ждать сделать что-нибудь, чтобы закончить собственные функции в цепочке обратного вызова

Надеюсь, это поможет ... это станет намного понятнее после прочтения статьи на сайте.

1 голос
/ 23 июня 2009

В verifyDialog вы настраиваете обработчики событий, которые будут запускаться при возникновении событий, а не при запуске verifyDialog.Другая проблема заключается в том, что вы возвращаете true или false внутри функции события, так что это не будет применяться к внешней функции verifyDialong.

Часть, которая опирается на нажатия кнопок, должна быть пересмотрена.Возможно, поместите его в другую функцию и вызовите из обработчиков щелчков: 

var afterConfirm = function(bool) {
    if(bool) {
        //continue clicked
    } else {
        //cancel clicked
    }
    //do for both cases here
}

//inside confirmDialog input#continue
$(this).click(function() {
    $(conf_dialog).remove();
    afterConfirm(true);
});
1 голос
/ 23 июня 2009

Я не уверен, что вы можете. Только встроенная функция AFAIK, такая как confirm, alert или prompt, может блокироваться при запросе ответа.

Общий обходной путь заключается в рефакторинге вашего кода для использования обратных вызовов (или использования встроенных функций). Так что это будет означать разделение вашей вызывающей функции на две части и выполнение второй части при получении ввода.

0 голосов
/ 23 июня 2009 
function callingFunction() {
  $('a').click(function() {
    confirmDialog('are you sure?', dialogConfirmed);
    // the rest of the function is in dialogConfirmed so doesnt 
    // get run unless the confirm button is pressed
  })
}

function dialogConfirmed() {
  // put the rest of your function here
}

function confirmDialog(message, callback) {
  ...
  $('input#continue', conf_dialog).click(function() {
    callback()
    $(conf_dialog).remove();
    return false;
  }),
  $('input#cancel', conf_dialog).click(function() {
    $(conf_dialog).remove();
    return false;
  })
  ...
}
0 голосов
/ 23 июня 2009

Вы можете добавить тайм-аут до вызова следующей функции

http://www.w3schools.com/htmldom/met_win_settimeout.asp

...