为什么这个方法被多次调用？

Question

当我刷新页面时，我必须单击两次按钮以获得提示。之后，每次我点击相同的按钮并调用classicHover（）方法（没有刷新），我得到一个加号提示（两个提示，三个提示，四个......）。

这是代码：

function classicHover(){
    $('#button1').click(function(){
        gridSize = prompt("Set Grid Size")
        $('.container').empty();

        for(i = 0; i < gridSize * gridSize; i++) {
            $('.container').append("<div>a</div>");
        };
    });
};

按钮：

<input id="button1" type="button" value="Set New Grid" onclick="classicHover()" />

我做错了什么？我是JS / jQuery newbie btw

Answer 1

点击通话classicHover。 classicHover为按钮的监听器添加了一个功能。每次单击它时，都会向其侦听器添加一些内容。因此，第一次单击添加1.第二次单击运行1并添加另一个。第三次单击运行2并添加另一个。每次点击都重复。