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 回答