0

私は 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」を使用して、動的に作成しているものをスタイルしようとしています。しかし、それは機能していません。誰か助けてくれませんか？

ありがとう。

4

2 に答える 2

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 -->
于 2012-04-13T09:04:36.683 に答える
0

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

あなたは正確に何をしようとしていますか？$(".trycss").css(...@hardikが提案するようなスタイルシートではなく、なぜ使用しているのですか?

于 2012-04-13T11:28:23.163 に答える