无法删除JavaScript隐藏的类

Question

我想在加载时隐藏div并在单击按钮时显示它,但我得到的是div只显示一会儿并再次隐藏.我是否正确使用CSS类或者有什么特别之处display:none;？

HTML

---

<div id="message">
    <div class="item-user hid">
        <a href="">something</a> 
    </div>

    <a class="btn-user" href="">button</a>
</div>

CSS

---

.hid {
    display: none; 
}

JS

---

<script>
    //jquery is loaded already

    $(document).ready(function(){

        $('#message .btn-user').click(function(){
            $('#message .item-user').removeClass('hid');
        });

    });
</script>

Answer 1

您需要使用e.preventDefault()来阻止锚点的默认操作:

$('#message .btn-user').click(function(e){
    e.preventDefault();
    $('#message .item-user').removeClass('hid');
});

小提琴演示