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

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>

或

B.防止默认行为

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