Javascript jQuery:逐个插入li项?
我编写了jQuery插件的以下部分,将JSON对象中的一组项插入到元素中Javascript jQuery:逐个插入li项?,javascript,jquery,Javascript,Jquery,我编写了jQuery插件的以下部分,将JSON对象中的一组项插入到元素中 ... query: function() { ... $.ajax({ url: fetchURL, type: 'GET', dataType: 'jsonp', timeout: 5000, error: function() { self.html("Network Error"); }, success: function(json) { //Process JSON
...
query: function() {
...
$.ajax({
url: fetchURL,
type: 'GET',
dataType: 'jsonp',
timeout: 5000,
error: function() { self.html("Network Error"); },
success: function(json) {
//Process JSON
$.each(json.results, function(i, item) {
$("<li></li>")
.html(mHTML)
.attr('id', "div_li"+i)
.attr('class', "divliclass")
.prependTo("#" + "div_ul");
$(slotname + "div_li" + i).hide();
$(slotname + "div_li" + i).show("slow")
}
}
});
}
});
},
...
理论上,这样做可能会一个接一个地添加项目,但当我加载页面时,所有内容都会立即显示出来。相反,有没有一种有效的方法让它们一个接一个地慢慢出现?我将用一个小例子来解释:如果我有3个项目,那么这段代码将使所有的3个项目至少在我眼前立即出现。我想要像1个淡入,然后2个淡入,然后3个类似于新闻播报机的东西。有人有什么建议吗?您可能希望通过以下编码获得想要的效果:
$(slotname + "div_li" + i).hide().delay(i*n).show("slow");
其中,n是延迟修饰符的某个软值,以毫秒为单位;我想这里也是索引,因此是一个数字。太棒了!非常感谢。很有魅力