Question

如果用户按下＆＃34; x＆＃34;出现一个对话框，如果按下确定，则删除div，如果＆＃34;取消＆＃34;按下，然后它保持。但出于某种原因，当我点击取消时，div仍然会删除。我浏览了其他帖子，找不到任何有效的方法。我在Bootstrap 3工作。

HTML

<div id="reviewInfo">

<button type="button" class="close" id="hide" onclick="confirm('Are you sure?') return true; reviewInfo(); return false">&times;</button>

<p>Hello</p>

 </div>

JS

$(document).ready(function(){
    $("#hide").click(function(){
        $("#reviewInfo").hide();
    });
});

Answer 1

似乎你从确认函数得到的结果都是真的。

<button type="button" class="close" id="hide" onclick="if(!confirm('Are you sure?')){ reviewInfo(); return false;}else{return true;}">×</button>

这是你想要的吗？

Answer 2

您必须一次使用onclick属性或jquery代码，现在一次使用它们会导致此问题。

尝试以下代码

<div id="reviewInfo">

    <button type="button" class="close" id="hide">&times;</button>

    <p>Hello</p>

    </div>

JS

$(document).ready(function(){
    $("#hide").click(function(){
        if (confirm("Are your sure ?")) {
            $("#reviewInfo").hide();
        }
    });
});

取消确认弹出窗口仍然隐藏div

2 个答案: