Javascript simplecarousel:将数组元素添加到分页

Javascript simplecarousel:将数组元素添加到分页,javascript,loops,carousel,Javascript,Loops,Carousel,我有一个2D数组——“dbArray”——这是Tobias Zeising的“simplecarousel”的数据。dbArray中的每个数组都是由2个字符串组成的数组。我想使用每个字符串中的第一个字符串,并将其放在旋转木马的分页按钮中。但是我不知道如果不在分页代码中再次执行相同的循环,如何做到这一点。谁能给我一个线索 下面是我的ajax构建阵列和初始化旋转木马: //-------------------------------------- // COLLECT from db /

我有一个2D数组——“dbArray”——这是Tobias Zeising的“simplecarousel”的数据。dbArray中的每个数组都是由2个字符串组成的数组。我想使用每个字符串中的第一个字符串,并将其放在旋转木马的分页按钮中。但是我不知道如果不在分页代码中再次执行相同的循环,如何做到这一点。谁能给我一个线索

下面是我的ajax构建阵列和初始化旋转木马:

//--------------------------------------    
// 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