时间戳

首页 > 解决方案 > 成功处理表单时显示按钮

javascript - 成功处理表单时显示按钮

问题描述

当我在 Bootstrap 中使用模式窗口时，用户会看到 2 个按钮（关闭和发送）

当用户处理表单时，隐藏 2 个按钮并显示一个微调器。

如果表单被成功处理，微调器被隐藏并且Sluiten (closed)按钮应该再次显示，但是这个按钮不见了。有什么建议么？

我的代码：

<button type="button" class="btn btn-secondary" data-dismiss="modal" id="submit_dismiss_table_1'.$i.'" onclick="window.location.reload()">Sluiten</button>
<button type="button" class="btn btn-primary betaald_table_1" id="submit_betaald_table_1'.$i.'" alt="'.$i.'">Bewerk</button>
<button type="button" class="btn btn-primary" id="submit_spinner_table_1'.$i.'" style="display:none" disabled><i class="fa fa-spinner fa-spin"></i></button>


function subform_betaald_table_1(formid)
{
       $("#submit_dismiss_table_1"+formid).remove();
       $("#submit_betaald_table_1"+formid).remove();
       $("#submit_spinner_table_1"+formid).show();

       var postData = $("#betaald_table_1"+formid).serializeArray();
       var formURL='processing/factuur_betaald.php';
        $.ajax({
            url: formURL,
            type: "POST",
            data: postData,
            success: function(data, textStatus, jqXHR) {
                $('#modal_betaald_table_1'+formid+' .modal-body').html(data);

                $("#submit_spinner_table_1"+formid).remove();
                $("#submit_dismiss_table_1"+formid).show();
            },
            error: function(jqXHR, status, error) {
                console.log(status + ": " + error);
            }
        });
        e.preventDefault();
}

标签： javascripttwitter-bootstrap-3

解决方案

您已删除该按钮，这就是您事后无法显示它的原因。您应该隐藏它或切换它。

$('.myButton').hide();

$('.myButton').show();

或使用.toggle();

推荐阅读