Question

我在页面上使用了很多ajax调用，问题是我不知道哪一个会在任何时候加载，因为有些加载比其他加载速度快，我将ajax结果附加到一个div时负荷。

这是我的代码：

<script type="text/javascript" language="javascript">
$(document).ready(function() {

$('#stage0').load('myscript.php?data=1234567890',function( {$('#data').append(this);});       
$('#stage1').load('myscript.php?data=1234567891',function(){$('#data').append(this);});
$('#stage2').load('myscript.php?data=1234567892',function(){$('#data').append(this);});
$('#stage3').load('myscript.php?data=1234567893',function(){$('#data').append(this);});
$('#stage4').load('myscript.php?data=1234567894',function(){$('#data').append(this);});

}

<div id="data"></div>
<div id='stage0'></div><div id='stage1'></div><div id='stage2'></div><div id='stage3'></div><div id='stage4'></div>

我希望第一个结果是白色背景，然后是灰色背景，然后是白色背景......

我想也许我可以写一个ajax调用来查看刚刚加载的ajax结果，如果它有一个白色背景然后将这个设置为灰色。也许用最近的电话来查找它？ http://api.jquery.com/closest/

我正走在正确的轨道上吗？你怎么认为我应该写javascript？

Answer 1

上课

<style>
    .blue { background-color: blue; }
</style>

然后添加到您的函数中：

$('body').toggleClass("blue")

Answer 2

我通过使用：odd和：even

来实现它

http://jsfiddle.net/LBPcC/

$('.bg:odd').addClass("grey")
$('.bg:even').addClass("white")

使用ajax时设置交替背景

2 个答案: