Javascript simplecarousel:将数组元素添加到分页
我有一个2D数组——“dbArray”——这是Tobias Zeising的“simplecarousel”的数据。dbArray中的每个数组都是由2个字符串组成的数组。我想使用每个字符串中的第一个字符串,并将其放在旋转木马的分页按钮中。但是我不知道如果不在分页代码中再次执行相同的循环,如何做到这一点。谁能给我一个线索 下面是我的ajax构建阵列和初始化旋转木马:Javascript simplecarousel:将数组元素添加到分页,javascript,loops,carousel,Javascript,Loops,Carousel,我有一个2D数组——“dbArray”——这是Tobias Zeising的“simplecarousel”的数据。dbArray中的每个数组都是由2个字符串组成的数组。我想使用每个字符串中的第一个字符串,并将其放在旋转木马的分页按钮中。但是我不知道如果不在分页代码中再次执行相同的循环,如何做到这一点。谁能给我一个线索 下面是我的ajax构建阵列和初始化旋转木马: //-------------------------------------- // COLLECT from db /
//--------------------------------------
// COLLECT from db / build carousel
//--------------------------------------
$ajax_load.insertBefore('#content');
$.ajax({
url: 'func/load-words.php',
dataType: 'json',
success: function(dbArray) {
var items = '<ul id="carousel" class="carousel">';
for (var i in dbArray) {
items += '<li><h2>' + dbArray[i][0] + '</h2><p>' + dbArray[i][1] + '</p></li>';
}
items += "</ul>";
$ajax_load.fadeOut('slow', function() {
$(this).remove();
});
$("#content").html(items).fadeIn('slow', function() {
});
$("#carousel").simplecarousel({
fade: 100,
pagination: true
});
}
});
/-------------------------------------
//从数据库收集/构建传送带
//--------------------------------------
$ajax_load.insertBefore('content');
$.ajax({
url:'func/load words.php',
数据类型:“json”,
成功:功能(dbArray){
var items=';
用于(dbArray中的var i){
项目+='- '+dbArray[i][0]+''+dbArray[i][1]+'
';
}
项目+=“
”;
$ajax\u load.fadeOut('slow',function(){
$(this.remove();
});
$(“#content”).html(items.fadeIn('slow',function()){
});
$(“#旋转木马”).simplecarousel({
衰减:100,
分页:正确
});
}
});
这里是simplecarousel的分页部分:
//--------------------------------------
// COLLECT from db / build carousel
//--------------------------------------
$ajax_load.insertBefore('#content');
$.ajax({
url: 'func/load-words.php',
dataType: 'json',
success: function(dbArray) {
var items = '<ul id="carousel" class="carousel">';
for (var i in dbArray) {
items += '<li><h2>' + dbArray[i][0] + '</h2><p>' + dbArray[i][1] + '</p></li>';
}
items += "</ul>";
$ajax_load.fadeOut('slow', function() {
$(this).remove();
});
$("#content").html(items).fadeIn('slow', function() {
});
$("#carousel").simplecarousel({
fade: 100,
pagination: true
});
}
});
// include pagination
if(config.pagination != false) {
container.after('<ul class="carousel-pagination"></ul>');
var pagination = container.next('.carousel-pagination');
for(var i=0;i<config.items;i++) {
if(i==0)
pagination.append('<li class="carousel-pagination-active">button</li>');
else
pagination.append('<li>button</li>');
}
pagination.find('li').each(function(index, item) {
$(this).click(function() {
slide(index,true);
});
});
}
//包含分页
if(config.pagination!=false){
container.after(“
”);
var pagination=container.next('.carousel pagination');
对于(var i=0;i我最初似乎是通过声明一个全局paginationWords变量并将dbArray传递到ajax循环中来实现的:
success: function(dbArray) {
var items = '<ul id="carousel" class="carousel">';
paginationWords = dbArray;
// etc...
成功:函数(dbArray){
var items=';
分页字=dbArray;
//等等。。。
然后在旋转木马分页代码中,我只是再次运行循环:
// include pagination
if(config.pagination != false) {
container.after('<ul class="carousel-pagination"></ul>');
var pagination = container.next('.carousel-pagination');
for(var i=0;i<config.items;i++) {
if(i==0)
for (var n in paginationWords) {
pagination.append('<li>'+paginationWords[n][0]+'</li>');
}
//pagination.append('<li class="carousel-pagination-active">button</li>');
// else
//pagination.append('<li></li>');
}
pagination.find('li').each(function(index, item) {
$(this).click(function() {
slide(index,true);
});
});
}
//包含分页
if(config.pagination!=false){
container.after(“
”);
var pagination=container.next('.carousel pagination');
对于(var i=0;i