Javascript Jquery移动函数不工作==页面刷新？

好吧，这件事快把我逼疯了。我有一个简单的项目，我使用这个主题和这个库

每当我的函数出现错误时，页面就会自动刷新。这样，我永远无法从控制台读取任何输出

这是我的密码：

<script>
    $(document).ready(function() {    
        $('#input-submit').click(function() {
            var text = $('#input-box').val();
            console.log(text);
            for (var i = 0;i < text.length; i++){
                alert('test');
                meSpeak.speak(text.charAt(i));
            }
        });
    });
</script>

我希望我的应用程序能够大声说出用户填写的内容。函数正常工作，直到meSpeak.speaktext.charAti；线当我输入一个3个字符的单词时，我会收到3个警报，然后页面会自动刷新

---

当某些东西不工作时，为什么会刷新？我希望在不使用警报的情况下从控制台读取输出。还有，有人知道我为什么不能使用meSpeak.speaktext.charAti；像这样？

您并没有阻止“提交”按钮提交页面，而且由于您很可能没有设置目标，它正在提交到相同的位置，从而导致页面刷新

通过在函数末尾返回false，可以在jQuery中防止单击事件

---

要玩

游戏，您并没有阻止“提交”按钮提交页面，而且由于您很可能没有设置目标，它正在提交到相同的位置，从而导致页面刷新。那么如何阻止它提交？按钮中没有真正的“link”属性，e.preventDefault不适用于返回false。“这通常似乎对取消表单提交有效。”霍普金斯说，这很有效！太多了；

$('#input-submit').click(function () {
    /* etc */
    return false;
});