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

送信ボタンがページを「送信」するのを妨げていません。送信先を設定していない可能性が高いため、同じ場所に送信され、ページが更新されます。

関数の最後でingを使用すると、 jQueryでクリック イベントを防止できます。returnfalse

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

一緒に遊ぶデモ

于 2013-10-28T13:28:15.857 に答える