时间戳

首页 > 解决方案 > javascript push 导致 main 函数参数用于确认使用

javascript - javascript push 导致 main 函数参数用于确认使用

问题描述

对不起这个问题，我对javascript和jquery的东西很陌生......

我想知道如何将确认框的单击结果推送到通过单击“按下”按钮触发的主要功能？

<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
       }  
    });
});

非常感谢！

标签： javascriptjquerymodal-dialogconfirm

解决方案

正如我在评论中提到的那样，在“按下”按钮上单击 - 打开模式，然后单击“确定”将结果推送到“结果 A”数组

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>

推荐阅读