Jquery淡入对象数组—每次一个项


Jquery fade in array of objects - items one at a time

每天都在学习很多关于Jquery的知识。然而,我似乎一辈子都不知道如何在这个多维数组中一次显示一个项目,同时在每个项目中淡出*注意,我不希望这些附加,只显示一个集合,然后淡出并淡出到下一个集合。这里有一些信息给你的专业人士。

基本上,在这里我将json对象中的命名数据存储到结果中。这似乎每次都会循环,就好像我放了alert(result['question']),它会一次给我每个值一个,但是当我试图将其应用于我的div时,我正在使用一个名为的span类。激活时,它会循环整个过程,并给我数组中的最后一个项目。2+2 lol duh 12。我在这里做错了什么??如果需要的话,我会试着为它安装一个jfiddle。

对象来自php页面(称为数据)

[{"id":"238","question":"Which of these is a noun?","answerswer":"horse"},{"id":"238","question":"Which of these is a noun?","answerswer":"long"},{"id":"238","question":"Which of these is a noun?","answerswer":"pretty"},{"id":"238","question":"Which of these is a noun?","answerswer":"hair"},{"id":"238","question":"2+2 lol duh 1 2","answerswer":"4"}]

代码

for (var i = 0; i < data.length; i++) {
    result = data[i];
    console.log(result['question']);

    liText += '<span><h5>'+result["question"]+'</h5>';
    liText += '<p><b>Option:&nbsp;</b>'+result["answerswer"];
    liText += '</p></span>';

    $.each(result['question'], function(index) {
        $(this).delay(400*index).fadeIn(300);

    });
    $('.Active').text(result['question']);
    }

控制台结果日志[问题]*注意这些是正确的,5个不同的问题,前4个相同。

Which of these is a noun?
index....mid=119 (line 227)
Which of these is a noun?
index....mid=119 (line 227)
Which of these is a noun?
index....mid=119 (line 227)
Which of these is a noun?
index....mid=119 (line 227)
2+2 lol duh 1 2

ps*如果你能让它与我上面的liText一起工作,那就可以获得一百万个尊重点:)

编辑*

当删除.each并围绕它向上移动一些东西似乎有效时,任何能帮助我首先去掉法丹并淡出每个的人我都会很感激。位于$(".Active")

for (var i = 0; i < data.length; i++) {
    result = data[i];
    alert(result['question']);
    $('.Active').text(result['question']);

尝试一下:

for (var i = 0; i < data.length; i++) {
    result = data[i];
    var $question = $("<span>").text(result['question']).hide()
                               .delay(400*i).fadeIn(300);
    $('.Active').append($question);
}

我完全删除了liText部分,因为你没有对它做任何事情。

http://jsfiddle.net/Qf3FZ/