動的に作成されたページでCSSが動作しない

Question

私はJQuery Mobileを初めて使用し、単純なアプリケーションを構築しようとしています。次のようにコードの一部は：

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(".trycss").css({ 
      'background': 'red' }); 
    $.post("http://getcheckout.php", 
     function(data){ 
      var CheckOutListHTML ='<p class="trycss"> HELLO</p>'; 
       $('.class-ItemsList').append(CheckOutListHTML); 
      },"json"); 
    }); 

</script> 

<div data-role="page" id="id-ItemsPage"> 
    <div data-role="header" data-position="fixed"> 
     <h1>Items</h1> 
    </div><!-- /header --> 
    <div data-role="content"> 
     <div class="class-ItemsList"> 
     </div> 
    </div><!-- /content --> 
</div><!-- /page --> 

をだから、私は私が動的に作成しています何かのスタイルを「trycss」を使用しようとしています。しかし、それは動作していません。助けてもらえますか？

ありがとうございました。

Answer 1

は、次の試してみてください。

<style> 
    .trycss { background-color: red; } 
</style> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $.post("http://getcheckout.php", 
     function(data){ 
      var CheckOutListHTML ='<p class="trycss"> HELLO</p>'; 
       $('.class-ItemsList').append(CheckOutListHTML); 
      },"json"); 
    }); 

</script> 

<div data-role="page" id="id-ItemsPage"> 
    <div data-role="header" data-position="fixed"> 
     <h1>Items</h1> 
    </div><!-- /header --> 
    <div data-role="content"> 
     <div class="class-ItemsList"> 
     </div> 
    </div><!-- /content --> 
</div><!-- /page --> 

Answer 2

$(".trycss").css(...回実行し、その時点で存在して、一致するすべての要素にスタイル（ない「スタイルシート」）を適用しANSあなたは、あなたが作成しませんさ後の要素まで。

あなたは正確に何をしようとしていますか？なぜあなたは$(".trycss").css(...を使用していますか？@hardikのようなスタイルシートは何を示唆していませんか？