Javascript 将样式设置为jquery中ajax加载的h1或h2元素不起作用

我试图通过点击两个不同的链接来加载ajax视图文件，这些视图文件有h1和h2标记，我想从一个地方处理它们的样式

Index file
--------------------------------
<div id='contentDiv' style="background:#98bf21; height:200px; width:800px;  position:absolute; left:-100%; "> </div>
--------------------------------

---

和内容加载不正确。

jQuery

load

方法是异步的，因此您必须在完成后使用回调来处理它：

$（文档）.ready（函数（）{
contDiv=$（“#contentDiv”）；
$（'a.ajaxLoad'）。在（'click'，函数（e）上{
var href=$（this.attr（'href'），position='100px'；
e、 预防默认值（）；
contDiv.css（'左'，'-100%'）；
contDiv.animate（{left:position}）；
//在这里更改了代码
contDiv.load（href，函数（）{
css（{'color'：'red'}）；
});
//更改的代码结束
});
});

jQuery

load

方法是异步的，因此您必须在完成时使用回调来处理它：

$（文档）.ready（函数（）{
contDiv=$（“#contentDiv”）；
$（'a.ajaxLoad'）。在（'click'，函数（e）上{
var href=$（this.attr（'href'），position='100px'；
e、 预防默认值（）；
contDiv.css（'左'，'-100%'）；
contDiv.animate（{left:position}）；
//在这里更改了代码
contDiv.load（href，函数（）{
css（{'color'：'red'}）；
});
//更改的代码结束
});
});
header file
--------------------------------
<li><a class='ajaxLoad' id='ajaxLoad1' href="link1" >First File</a></li>
<li><a class='ajaxLoad' id='ajaxLoad2' href="link2" >Second File</a></li>


<script>    

$(document).ready(function(){       

contDiv = $('#contentDiv');

$('a.ajaxLoad').on('click', function(e){
var href = $(this).attr('href'), position = '100px';

  e.preventDefault();

contDiv.css('left','-100%');
contDiv.animate({left: position});
var loadDoc = contDiv.load(href);
var getDivId = '#'+loadDoc[0].id;
var getChild = $(getDivId).children().css({'color':'red'});

 });
 });

</script>
--------------------------------

[prevObject: e.fn.init[1]]