동적으로 생성 된 페이지에서 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과 같은 스타일 시트가 아니라고 제안합니까?