turnjs steve jobs示例-如何加载前4页

turnjs steve jobs示例-如何加载前4页,turnjs,Turnjs,我是turn.js的新手,我正在尝试修改它附带的史蒂夫·乔布斯的书 这本书的前3页是图像,设置为css,如下所示 .sj-book .p1, .sj-book .p2, .sj-book .p3, .sj-book .p111, .sj-book .p112{ background-color:white; background-image:url(../pics/book-covers.jpg) !important; } 但是,我希望像其他页面一样(例如page1.ht

我是turn.js的新手,我正在尝试修改它附带的史蒂夫·乔布斯的书

这本书的前3页是图像,设置为css,如下所示

.sj-book .p1,
.sj-book .p2,
.sj-book .p3, 
.sj-book .p111, 
.sj-book .p112{
    background-color:white;
    background-image:url(../pics/book-covers.jpg) !important;
}
但是,我希望像其他页面一样(例如page1.html),将前4个页面作为普通html页面加载。然而,代码似乎只在第5页开始加载页面。如果我向动态加载页面的缺失函数添加警报,则加载的第一个页面是第5页

缺失:功能(e,第页){

for(变量i=0;i
}

当书籍第一次加载时,此警报会出现两次-对于第5页和第6页-这在某种程度上是有意义的,因为书籍在内存中只保留了6页-但是为什么书籍没有加载第1页到第4页?我已经在pages目录中为pages 1-4创建了必要的html文件,但是没有加载它们


非常感谢

参考链接显示:

我们需要执行以下步骤

1) 删除以下HTML(作为对页面的静态引用)

3) 将各个页面复制到名为的页面文件夹 页面1.html 页面2.html
等等。

讽刺的是,我一发布问题,就找到了答案-。谢谢
for (var i = 0; i < pages.length; i++) {
alert(pages[i]);
addPage(pages[i], $(this));}
<div depth="5" class="hard">
      <div class="side"></div>
</div>

<div depth="5" class="hard front-side">
      <div class="depth"></div>
</div>

<div class="own-size"></div>    
<div class="own-size even"></div>
.sj-book .p1,
.sj-book .p2,
.sj-book .p3, 
.sj-book .p111, 
.sj-book .p112{
    background-color:white;
    background-image:url(../pics/book-covers.jpg) !important;
}