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

Question

我是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;
}

然而，我想像加载其他页面一样加载前4个页面作为普通的html页面(例如，page1.html)。但是，代码似乎只从第5页开始加载页面。如果向动态加载页面的缺失函数添加警告，则加载的第一个页面是第5页

缺少:函数(e，pages) {

for (var i = 0; i < pages.length; i++) {
alert(pages[i]);
addPage(pages[i], $(this));}

}

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

非常感谢

Answer 1

如参考链接所示：https://github.com/blasten/turn.js/issues/306

我们需要执行以下步骤

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

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

2)删除ques中相应的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;
}

3)将各个页面复制到名为Page1.html Page2.html的pages文件夹中，依此类推。