2

我是 turn.js 的新手，我正在尝试修改它附带的 steve 工作手册。

这本书的前 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 (var i = 0; i < pages.length; i++) {
alert(pages[i]);
addPage(pages[i], $(this));}

}

当书籍第一次加载时，此警报出现两次 - 第 5 页和第 6 页 - 这是有道理的，因为这本书仅在内存中保留 6 页 - 但为什么书籍没有加载第 1 到第 4 页？我已经为 pages 目录中的第 1-4 页创建了必要的 html 文件，但它们没有被加载。

非常感谢

4

1 回答 1

0

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

我们需要执行以下步骤

1）删除以下 HTML（作为对 pages 的静态引用）

<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 作为 ques 中的地址

.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 的页面文件夹中，依此类推..

于 2019-08-19T06:42:56.953 回答