消失后，提示框不能再次弹出

Question

我想在用户点击垃圾按钮时弹出提示框。但无论我在提示框中点击什么，它都会在框消失后再次弹出。

HTML：

<div class="prompt" id="del_product" style="display:none;">
        <p>Do you confirm to delete product?</p>
        <a class="promptBtn" id="cancel_del">Cancel</a>
        <a class="promptBtn" id="confirm_del">OK</a>
</div>

jQuery的：

    $(".delbtn").click(function(){
        $('#del_product').show()
    });

    $('#cancel_del').click(function(){
        $(this).parent().hide()
    });

    $('#confirm_del').click(function(){
        $(this).parent().hide()
        //....will do something

    });

如何解决？感谢

Answer 1

注意一般情况下，最好不要隐藏.parent()，而是.closest('.prompt')或最接近'#del_product'... 防止问题，您或浏览器可能包含其他标记。或CMS。