1

好吧，这件事快把我逼疯了。我有一个简单的项目，我在其中使用这个移动引导主题和这个文本到语音库

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

这是我的代码：

<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.speak(text.charAt(i));行。当我输入一个 3 个字符的单词时，我会收到 3 个警报，然后页面会自行刷新。

为什么有东西不工作时它会刷新？我想在不使用警报的情况下从控制台读取输出。另外，有谁知道为什么我不能这样使用meSpeak.speak(text.charAt(i));？

4

1 回答 1

0

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

可以在jQuery中通过函数末尾的returning 来防止点击事件false

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

演示_

于 2013-10-28T13:28:15.857 回答