显示警报后布尔模态保持关闭

Question

目前，我的模态和警报工作正常。

这是我现在的模态。

效果很好

当前，如果您单击continue按钮

它将显示这样的警报

但是，当您单击此警报的ok按钮之后，该模式将继续关闭

即使用户单击ok按钮，我也尝试使其保持显示状态 警报

这是我的模式代码

 <a class="modal-button button is-info" data-target="myModal">
 <em>Click here to manage balance..</em>
 </a>




 <div class="modal animated fadeIn" id="myModal">
    <div class="modal-background"></div>
        <div class="modal-card">
            <header class="modal-card-head">
            <p class="modal-card-title"><span class="file-icon is-inline"><i class="fas fa-credit-card"></i></span>....content</p> 
                <button class="delete" aria-label="close"></button>
            </header>
            <section class="modal-card-body">
            .......content
            </section>
        <footer class="modal-card-foot">
            <button class="button is-info has-text-weight-bold" id="proceedBal">Continue</button>
            <button class="button">Cancel</button>
        </footer>
        </div>
    </div>

这是我的JS代码

$('#proceedBal').click(function(){ 
    alert("Hello World!");

});

Answer 1

没有完整的代码很难进行故障排除，我猜是按钮正在提交表单，这是按钮标签的默认行为。

尝试：

A。将按钮类型设置为按钮

<button type="button" class="button is-info has-text-weight-bold" id="proceedBal">Continue</button>

OR

B。防止默认行为

$('#proceedBal').click(function(e){
    e.preventDefault();
    alert("Hello World!");
});