1

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

好的，这就是我的主 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;}

好吧，现在我正在注射什么

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

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

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

4

3 回答 3

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);
});
于 2012-04-26T16:24:39.047 回答
1

如果 CSS 规则位于已加载的文件中（您的main.css），那么稍后添加的任何新元素（例如，从您正在谈论的任何 HTML 注入）以及匹配 CSS 文件中的选择器，将自动具有应用的样式规则。这就是你所追求的吗？

于 2012-04-13T03:08:23.910 回答
0

我不确定这是否是您要查找的内容，但这会在 div id="insertion" 中添加一个类“someClass”的跨度。

CSS：

.someClass{ background-color:black; }

html:

<div id="insertion"></div>

js：

<script>
 var toInsert = document.createElement("span");
 toInsert.className = "someClass";
 document.getElementById("insertion").append(toInsert);
</script>
于 2012-04-13T03:22:20.323 回答