this.rendition.on—里面设置touchstart、touchend这两个事件没有反映

来源:4-3 阅读器翻页功能实现

元大娟

2019-01-01

图片描述

写回答

3回答

Sam

2019-01-01

你好,这个问题由于epubjs的兼容性导致的,近期epubjs更新了0.3.8x版本,但是该版本出现了较严重的兼容性和BUG,导致课程中很多功能都无法正常使用,出现这种问题只需要将epubjs的版本降低即可解决,希望各位同学在出现兼容性问题的时候首先排查epubjs版本,降低版本的方法如下:

1、打开package.json,在dependencies中找到epubjs,将版本号直接改为"0.3.71",注意版本号前面不要加^,否则还会直接下载0.3.8x版本;

2、在当前代码目录下打开命令行窗口,输入npm install(或npm i),之后npm会自动删除0.3.8x版本的内容,下载0.3.71版本。

3
6
weixin_慕婉清5382290
感谢老师同学们,我也碰到这个问题,以为是现在的chrome不支持touch,epubjs ^0.3.8x 在firefox下可以. 降回0.3.71后可以了
2019-07-01
共6条回复

weixin_慕仔3569560

2019-01-23

老师,为社么我的修改了版本,还是不行?下面display()这步是OK的。已经出来电子书的cover。

this.rendition.display()
this.rendition.on('touchstart', event => {
console.log(event)
})
this.rendition.on('touchend', event => {
console.log(event)
})


1
1
大位咂
解决了吗?因为ebook-reader-mask这个z-index导致的
2020-06-10
共1条回复

慕码人8109411

2019-03-15

低版本完美运行

0
0

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构,完整项目流程

1610 学习 · 1951 问题

查看课程