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(...执行一次并将样式（不是“样式表”）应用于该时间点存在的所有匹配元素，并且您不会在以后创建元素。

你到底想要做什么？你为什么使用$(".trycss").css(...而不是@hardik建议的样式表？

CSS无法在动态创建的页面中工作

2 个答案: