Question

每天都在学习很多关于Jquery的知识。然而，似乎我不能为我的生活弄清楚如何在这个多维数组中一次显示一个项目，同时淡入和淡出每个项目。 *注意我不希望这些附加，只显示一组，然后淡出并淡入下一组。以下是专业人士的一些信息。

基本上我在这里将我在json对象中的命名数据存储到结果中。这似乎循环每次，好像我放了警告（结果['问题']）它会一次给我一个值，但是当我尝试将它应用于我的div时，我在其中使用一个名为span的类.Active，它将遍历整个事物并给我数组中的最后一项。 2 + 2 lol duh 1 2.我在这里做错了什么？如果需要，我会尝试为它安装一个小伙伴。

来自php页面的对象（称为数据）

[{"id":"238","question":"Which of these is a noun?","answer":"horse"},{"id":"238","question":"Which of these is a noun?","answer":"long"},{"id":"238","question":"Which of these is a noun?","answer":"pretty"},{"id":"238","question":"Which of these is a noun?","answer":"hair"},{"id":"238","question":"2+2 lol duh 1 2","answer":"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["answer"];

    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']);

Answer 1

尝试一下：

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/

Jquery淡入对象数组 - 一次一个项目

1 个答案: