JQUERY/JAVASCRIPTはモバイルデバイスでは動作しません

Question

最小限の文字数を必要とするメッセージシステムがあります。したがって、デフォルトで無効になっている送信ボタンを使用します。文字制限が渡されると、送信ボタンを有効にする必要があります。

私が使用する現在のコードは次のようになります。あなたはデスクトップブラウザ（Safariも）赤submitボタンのテキストとあなたが限界に近づくときの色がより緑であるに乗るこのコードの

$(window).load(function(){ 
    var amountArray = new Array(85,90,95,120); 
    $('#message').keyup(function(){ 
     var length = $(this).val().length; 
     if(length < amountArray[0]){ 
      $('.verzendenMSG').css('color','red'); 
     }else if(length < amountArray[1]){ 
      $('.verzendenMSG').css('color','darkorange'); 
     }else if(length < amountArray[2]){ 
      $('.verzendenMSG').css('color','olive'); 
      $('.verzendenMSG').removeAttr('disabled'); 
      }else if(length >= amountArray[3]){ 
      $('.verzendenMSG').css('color','green'); 
      $('.verzendenMSG').removeAttr('disabled'); 
     } 
    }); 

定義された最小値に達すると、送信ボタンの無効化オプションが消えます。

このすべては、ipadブラウザやWindows phone 7ブラウザなどのモバイルブラウザでは機能しません。

私の質問は、何が問題であり、どうすれば問題を解決できるかということです。このコードは実際には本当に簡単なので、

Answer 1

は次のように$(document)で$(window)を交換してみてください：

$(document).ready(function(){ 
    var amountArray = new Array(85,90,95,120); 
    $('#message').keyup(function(){ 
     var length = $(this).val().length; 
     if(length < amountArray[0]){ 
      $('.verzendenMSG').css('color','red'); 
     }else if(length < amountArray[1]){ 
      $('.verzendenMSG').css('color','darkorange'); 
     }else if(length < amountArray[2]){ 
      $('.verzendenMSG').css('color','olive'); 
      $('.verzendenMSG').removeAttr('disabled'); 
      }else if(length >= amountArray[3]){ 
      $('.verzendenMSG').css('color','green'); 
      $('.verzendenMSG').removeAttr('disabled'); 
     } 
    });