Jquery 移动函数不起作用 == 页面刷新

Jquery mobile function not working == page refresh?

本文关键字：刷新 不起作用 移动 函数 Jquery      更新时间：2023-09-26

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

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

这是我的代码：

<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));？

您不会阻止提交按钮"提交"页面，并且由于您很可能没有设置目标，因此它会提交到同一位置，从而导致页面刷新。

防止点击事件可以在jQuery中通过在函数末尾return false来完成

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

演示玩

相关文章：