turnjs steve jobs示例-如何加载前4页
我是turn.js的新手,我正在尝试修改它附带的史蒂夫·乔布斯的书 这本书的前3页是图像,设置为css,如下所示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
.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;
}