0

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

基本上在这里，我将我在名为 data 的 json 对象中的内容存储到结果中。这似乎每次都会循环，就好像我放了 alert(result['question']) 它一次会给我每个值一个，但是当试图将它应用到我的 div 时，我正在使用一个名为 span 的类.Active，它只会循环遍历整个内容并给我数组中的最后一项。2+2 lol duh 1 2. 我在这里做错了什么？如果需要，我会尝试为它安装一个 jfiddle。

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

1 回答 1

0

试试这个：

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/

于 2013-02-08T21:05:01.640 回答