jQuery：ユーザーの操作なしで値がtrueの場合

Question

入力値= 'CP'の場合はdivを表示します。

今、これは私のコードです：彼らは入力を変更した場合

$(".register-type").change(function(){ 
    var value = $(this).val(); 
    if(value == 'CP'){ 
    $('.cp-show').show(); 

これは正常に動作しますが、物事が偽検証し、ページをリロード取得した場合、この入力は、「CP」はまだですが、div要素のdoesn show ...

jQueryがページの読み込みに設定されているかどうかを確認する方法がありますか？

Answer 1

読み込み時の確認にdocument.readyを使用してください。

var register = $(".register-type")[0]; 

function show_cp() { 
    if(register.value == 'CP') { 
     $('.cp-show').show(); 
    } 
} 

reg_type.change(show_cp); // when the input changes 
$(document).ready(show_cp); // when the page is loaded 

Answer 2

はい、あなたの '文書準備' 関数に追加します。それを最初にトリガーないのはなぜ

$(document).ready(function() { 
    if($(".register-type").val() == 'CP'){ 
     $('.cp-show').show(); 
    } 
}); 

Answer 3

..

$(".register-type") 
    .change(function(){ 
     var value = this.value; // changeed the .val() since it is not needed here. 
     if(value == 'CP'){ 
     $('.cp-show').show(); 
    }) 
    .trigger('change');