CSSクラスが動作していないすべての要素でjavascriptを実行しています

Question

特定のCSSクラスを持つasp.netページのすべての要素でjavascriptを実行しようとしています。私は非常にjavascriptに堪能ではないので、私はなぜそれが動作しているのか分からない。私は動的にコントロールを作成し、それらにCSSクラスを追加するだけでなく、クラスがページ上の静的コントロールに関連付けられています。

ページを読み込んだ後にコントロールをフェードインしたいだけです。

.fadeInLoad 
{ 
    color:#0d0d0d; 
} 

は、あなたが提供することができます任意の助けてくれてありがとう：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.fadeInLoad').each(function (i, obj) { 
      $(this).fadeIn(); 
     }); 
    }); 
</script> 

はここに私のCSSです：

は、ここに私のスクリプトです。

Answer 1

クラスルールでdisplay〜noneに設定する必要があります。それ以外の場合は、すでに表示されている要素をフェードインしようとしています。

また、@ Blazemongerが指摘しているように、.fadeIn()をjQueryセレクタ呼び出しで直接呼び出してください。ここで

は、それが働いている例私にとって

$(document).ready(function() { 
 
    $('.fadeInLoad').fadeIn(2000); 
 
});

.fadeInLoad { 
 
    color: #0d0d0d; 
 
    display: none; /* This display needs to be here */ 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>Does not fade in</div> 
 
<div class="fadeInLoad">Fades In</div> 
 
<div class="fadeInLoad">Fades In</div> 
 
<div class="fadeInLoad">Fades In</div> 
 
<div class="fadeInLoad">Fades In</div> 
 
<div class="fadeInLoad">Fades In</div> 
 
<div class="fadeInLoad">Fades In</div> 
 
<div class="fadeInLoad">Fades In</div>

Answer 2

です。このクラスのdadeInLoadを持つこのノードは、ページのソースにありますか、いくつかのAjaxをロードしていますか？

作業のデモがあります：

Demo

$(document).ready(function() { 
     $('.fadeInLoad').each(function (i, obj) { 
      $(this).fadeIn(3000); 
     }); 
    });