Question

我在页面上添加按钮刷新，因此它会重置tic tac toe游戏。但它不是旋转而是开始旋转并立即停止据我所知， refresh1.classList.add（“fa-spin”）; 将类添加到元素，之后页面重新加载。这里是指整页的链接 https://codepen.io/Y-Taras/pen/rrkKWz
与此问题有关的代码摘要：

    var reset = document.getElementsByClassName('hard-reset')[0];
    reset.addEventListener('click', resetAll);
    ...
    function hideFooter() {
    for (i = 0; i < tableElem.length; i++) {
        tableElem[i].innerHTML = "";
        tableElem[i].className = "";
    }
    footer.className = "hide";
}

function resetAll() {

    board = ['e', 'e', 'e', 'e', 'e', 'e', 'e', 'e', 'e'];
    hideFooter();
    var refresh1 = document.getElementById("refresh");
    refresh1.classList.add("fa-spin");}

HTML部分：

<button class="hard-reset">
    <i id="refresh" class="fa fa-refresh fa-2x"></i>
</button>

Answer 1

表单中按钮的默认类型是“提交”（不是在所有浏览器中都有！）只需将type="button"添加到按钮中就可以了！你好了！

https://stackoverflow.com/a/3315016/1497533

fa-spin在启动后停止并重新加载页面

1 个答案: