html - 在ajax中用jquery更新css？

Question

我正在尝试更新 div 的 css(css 位于我的 main.css 中)，这些 div 在我的主 html 文件中不存在，但在我注入(inject)的文件中存在。这可能吗？如果是怎么办？

好的，这是我的主 html 文件中的内容

<div id="container">
<div id="page">
    <!placeholder>
</div></div>

抱歉格式错误，我无法让标签和新行与本网站的代码输入系统一起使用。

接下来是 main.css

#container {
position: fixed;
margin-right: 0px;
overflow-x: hidden;
overflow-y: scroll;}
#page {
position: absolute;
width: 100%;
height: 1600px;
z-index: 10;
border-left: 1px solid #CCCCCC;}
#recposts {
position: absolute;
left:0;
top:1200px;}
.child {
height: 400px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
z-index: 11;
background-color: #EDEDED;
width: 100%;
padding-right: 10px;}

好吧，现在我正在注入(inject)

<div id ="page">    
<div id="recposts" class="child">
    <h1> Recent Posts  </h1> 
</div></div>

所以我需要能够编辑#recposts 的位置顶部和.child 的高度。

我解决了我的问题，问题是我没有在加载 html 时编辑 css。我将该函数放入 .load() 中，现在它可以工作了。

Answer 1

您的问题不清楚，据我了解，您可以使用 Jquery live() api 解决它。 http://api.jquery.com/live/

您可以使用 Jquery live() api 对新添加的元素进行任何更改。

您可以在插入后触发函数调用，方法是使用 jquery 的 DOM change() api。 http://api.jquery.com/change/

例如:

$('#container').change(function() {
  $('#page').css("height",200);
});

编辑:由于 change() api 不适用于 div，这里是正确的版本

$('#container').bind("DOMSubtreeModified", function() {
  $('#page').css("height",200);
});