每天都在学习很多关于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: </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/