2016-08-03 17 views
0

我有這個代碼,我需要將邊框和標籤的顏色更改爲這種顏色。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); 
    } 
    }); 

});

我需要刪除setTimeout,以便第一個文本框和第二個框同時更改顏色。但是,每當我嘗試刪除setTimeOut時.clone & .append & .css將不起作用。

希望我能得到幫助。謝謝。

+0

在執行代碼時是否加載了DOM?聽起來不像。 – Xufox

+0

你正在發射這個功能的特定事件? –

+0

您將'setTimeout'函數的時間設置爲1000 ms。這意味着'setTimeout()'中的'function()'將在1秒後執行。現在,如果你刪除了'setTimeout()',''事件'將不再執行,因爲沒有任何東西執行它們(或者你沒有足夠的代碼)。所以爲了執行你的'function()',你需要通過任何東西來調用它們來刪除已更新的'setTimeout()' – DestinatioN

回答

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