javascript pu sh приводит к аргументу основной функции для подтверждения использования - PullRequest
Новая
       61

javascript pu sh приводит к аргументу основной функции для подтверждения использования

0 голосов
/ 31 января 2020

Извините за вопрос, я совсем новичок в javascript и jquery материалах ...

Мне было интересно, как я могу получить sh щелкнувший результат моего поля подтверждения на моем Основная функция срабатывает при нажатии кнопки «Нажать»? 

<button class="btn">Press</button>
<div id="box" class="modal">
  <div class="modal-dialog">
    <button>Cancel</button>
    <button class="modal-btn-confirm">Ok</button>
  </div>
</div>

var confirmQuestion = function(result) {
    var resultA = [];
    $('#box').modal('show');

    function result(){
        $('#box').find('.modal-btn-confirm').on('click', function(e) {
            resultA.push(true);
            $(this).modal('hide');
        });          
    }
    if(result){
        return result(); 
    }
}

$('.btn').on('click', function (event) {
    confirmQuestion(function(result){
       if(result){
           //code ok
       }else{
           //code not ok
       }  
    });
});

Большое спасибо!

1 Ответ

0 голосов
/ 31 января 2020

Как я уже упоминал в комментарии, при нажатии «btn click» - открывает модальный режим, затем при нажатии «ok» pu sh result приводит к массиву «resultA» 

var confirmQuestion = function() {
    $('#box').modal('show');
}

$('.btn').on('click', function (event) {
    confirmQuestion();
});
 var resultA = [];
$('.modal-btn-confirm').on('click', function(e) {
  resultA.push(true);
  console.log(resultA)
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>

<!-- jQuery Modal -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
<button class="btn">Press</button>
<div id="box" class="modal">
  <div class="modal-dialog">
    <a href="#" rel="modal:close">Cancel</a>
    <button class="modal-btn-confirm">Ok</button>
  </div>
</div>
...