Jquery、CSS、SetTimeOut、GravityForms

私はこの種の色に境界とラベルの色を変更する必要があるこのコードを持っています。Jquery、CSS、SetTimeOut、GravityForms

私はコード）} ...

<script> 
    $(document).ready(function(){ 

    $("#input_28_1").attr("disabled", true); 
    $('#input_27_1').val(""); 
    $('#input_27_1_2').val(""); 
});

<script> 
    $(document).ready(function(){ 
      $("#gform_submit_button_27").click(function(e){ 

    var email1 = $('#input_27_1').val(); 
    var email2 = $('#input_27_1_2').val(); 

    //Oks na 
    if (email1 == "" && email2 == "") 
    { 
     setTimeout(function() 
     { 
      $(".gfield_description").clone().appendTo("#clone-email-error"); 
      $("#input_27_1_2").css("border", "1px solid #ec5665"); 
      $("label").css("color", "#333333"); 

     },1000); 
    } 

    //Oks na 
    else if (email1 != "" && email2 == "") 
    { 
     setTimeout(function() 
     { 
      $(".gfield_description").clone().appendTo("#clone-email-error"); 
      $("#input_27_1_2").css("border", "1px solid #ec5665"); 
      $("label").css("color", "#333333"); 

     },1000); 
    } 

    //Oks na 
    else if (email1 == "" && email2 != "") 
    { 
     setTimeout(function() 
     { 
      $("label").css("color", "#333333"); 
      $("#input_27_1_2").css("border", "1px solid #E8E8E7"); 

     },1000); 
    } 
    });

あります。

最初のテキストボックスと2番目のボックスの色を同時に変更するには、setTimeoutを削除する必要があります。しかし、私がsetTimeOutを削除しようとすると、.clone & .append & .cssは機能しません。

希望私は助けを得る。ありがとう。

出典

2016-08-03 VouchMe

このコードの実行時にDOMがロードされていますか？それのようには聞こえません。 – Xufox

この特定のイベントであなたはこの機能を発射していますか？ –

'setTimeout'関数の時間を1000ミリ秒に設定しました。これは、 'setTimeout（）'内の 'function（）'が1秒後に実行されることを意味します。今度は 'setTimeout（）'を削除しても、 'event'によって実行されることはありません。なぜなら、それらを実行するものがないからです。だからあなたの 'function（）'を実行するには、 'setTimeout（）'を取り除くために何かによって呼び出す必要があります。 – DestinatioN

function test() { 

    if (email1 == "" && email2 == "") { 

     $(".gfield_description").clone().appendTo("#clone-email-error"); 
     $("#input_27_1_2").css("border", "1px solid #ec5665"); 
     $("label").css("color", "#333333"); 


    } 

    //Oks na 
    else if (email1 != "" && email2 == "") { 

     $(".gfield_description").clone().appendTo("#clone-email-error"); 
     $("#input_27_1_2").css("border", "1px solid #ec5665"); 
     $("label").css("color", "#333333"); 

    } 

    //Oks na 
    else if (email1 == "" && email2 != "") { 

     $("label").css("color", "#333333"); 
     $("#input_27_1_2").css("border", "1px solid #E8E8E7"); 


    } 

} 

var myVar = setTimeout(test, 1000);

出典

2016-08-03 05:22:59

Jquery、CSS、SetTimeOut、GravityForms

答えて

関連する問題