javascript - 在jquery中单击按钮时将文本附加到段落

Question

我正在做一个基于网络的计算器，其中我想将每个按下的数字附加到一个段落，这是保存所有输入的输入的段落，<p id="display" class="col-10 table-bordered" style="height:20px"></p>然后这是按钮之一<button class="col-2" id="seven">7</button> 然后下面是用于尝试和捕获的 jQuery 代码数据

@section scripts {
<script type="text/javascript">
    $(document).ready(function () {

        $("#seven").click(function () {

            //document.getElementById('display').text('7') = $('#seven').text();
            $("#display").append('7');
        });
    });
</script>

问题是当我点击按钮7时，数字在显示屏上出现一次然后消失，我认为它正在刷新或什么的，我似乎无法让数字一旦被点击，请帮忙。

标签： javascriptjquery