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，页面）{

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

}

当第一次加载书籍时，此警报会出现两次 - 对于第5页和第6页 - 由于本书仅在内存中保留了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）删除相应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 等等。

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

1 个答案: