首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在Epubjs中转到特定页面

如何在Epubjs中转到特定页面
EN

Stack Overflow用户
提问于 2019-09-16 09:47:43
回答 1查看 1.5K关注 0票数 3

我想知道如何使用Epub.js转到Epub中的特定页面。

通过在当前页面中单击记录redention对象,我可以获得位置,但之后我不知道如何使用它。

代码语言:javascript
复制
book.ready.then(function () {

    var saveBookMark = function () {
        console.log(rendition.currentLocation());
        // I could save the location here
    };

    var addBookMark = document.getElementById('add-bookmark');
    addBookMark.addEventListener("click", saveBookMark, false);

});

如果我在使用之前获得的位置后执行此操作:

代码语言:javascript
复制
var bookmark = {
    href: 'Text/Chapter1_06a.xhtml',
};
history.pushState({}, '', "?loc=" + encodeURIComponent(bookmark.href));

我可以转到那一章,但不能转到书签所在的页面。

这是在当前页面中单击时重命名后得到的对象。

代码语言:javascript
复制
redention.location = {
end: {
   cfi: "epubcfi(/6/26[Chapter1_06a.xhtml]!/4/2/124/10/3:22)",
   displayed: {page: 8, total: 8},
   href: "Text/Chapter1_06a.xhtml",
   index: 12,
   location: -1,
   percentage: 0,
},
start: {
   index: 12, 
   href: "Text/Chapter1_06a.xhtml", 
   cfi: "epubcfi(/6/26[Chapter1_06a.xhtml]!/4/2/110/1:242)", 
   displayed: {…}, 
   location: -1, 
   …
}
}
EN

回答 1

Stack Overflow用户

发布于 2019-09-17 12:47:32

您已经展示了代码片段,但并不是全部。看起来你有一个拼写错误:renditionredention不一样。

无论如何,rendition.gotoCfi(some_cfi)应该能做到这一点。您甚至可能不需要rendition对象;您也可以调用book.goto(some_cfi)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57949506

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档