Jquery移动功能不起作用==页面刷新?

时间:2013-10-28 13:18:17

标签: javascript jquery jquery-mobile refresh text-to-speech

好的,这件事让我抓狂。我有一个简单的项目,我使用这个mobile bootstrap主题和这个text-to-speech

每当我的函数出错时,页面就会刷新。通过这种方式,我永远无法从控制台读取任何输出。

这是我的代码:

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

1 个答案:

答案 0 :(得分:0)

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

jQuery 可以通过功能

return

Demo

一起玩