javascript - JS - 构造函数中的 JSON/ARRAY 传递变量(自定义库)

Question

如果我遵循文档，设置数据输入的正确方法是:

$("#container").flipBook({    

css:"css/style.css",
pages:[  
    {
       src:"images/book1/page1.jpg",
       thumb:"images/book1/thumb1.jpg",
       title:"Cover",
       htmlContent:''
    },
    {
       src:"images/book1/page2.jpg",
       thumb:"images/book1/thumb2.jpg",
       title:"Page two"
    }, 
    etc.. etc..
  ],
  btnNext:true,
  btnPrev:true,
  btnZoomIn:true,
  btnZoomOut:true,
  other parameters...

所以，我想动态插入数据。我声明一个新数组，然后滚动 xml 文件中的所有页面，创建一个对象，最后我将该对象插入声明的第一个数组中。var page = new Array();

var created=0;

bla bla bla

$(xml).find('page').each(function(i){

    var singlepage = new Object();                                      
    singlepage.src ="image1.jpg";
    singlepage.thumb="thum1.jpg";
    created++;
    singlepage.title="Page "+created;
    page.push(JSON.stringify(singlepage));
});


var book = {};

book["book-"+id] = $("#tabs-" + id + "").flipBook({

    pages: ????????,
    btnNext:true,
    etc.. etc..

我尝试放入page、[page]、JSON.parse(JSON.stringify(page))。我不知道如何在构造函数中传递变量。

这似乎是一个非常简单的问题，但我没有找到任何解决方案。请帮助我:)

Answer 1

我认为这应该可行:

var pages = [];
$(xml).find('page').each(function(i) {
  var singlepage = {
    src: "image1.jpg",
    thumb: "thum1.jpg",
    title: "Page " + ++created;
  };
  pages.push(singlepage);
});

您只需传递 pages 对象即可:

 $("#tabs-" + id + "").flipBook({
   pages: pages
   // ...
 });