问题标签 [turnjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何增加turn.js的DOM中的页面数量
Turn.js 可以处理很长的翻书。也就是说,它可以包含的页面数量没有限制。这是因为无论书有多长,turn.js 只在 DOM 中保留最后 6 页。仍然会引用之前加载的内容,但可以减少缓存以释放内存。
我想将前 7 页保留在 DOM 中。怎么能做到这一点?
pagesInDOM
限制是 turn.js 中定义的 6。
html
js
javascript - json parse to JavaScript array with turn.js
I'm new here, I got problem with my script when display page flip using turn.js. My page is come from mysql database store it in json format then parse to array in JavaScript to view by turn.js
Here's my code :
That script showing page starting from 1 coloumn not starting from 0 column
in browser turn.js starting show the page from images/pages/small/2_5.jpg not images/pages/small/1_5.jpg
my json parse is
0 coloumn is images\/pages\/small\/1_5.jpg
1 coloumn is images\/pages\/small\/2_5.jpg
....
next coloumn
ionic - 框架 7 上的 no-swipeback 不能与 turn js 一起使用
我正在使用框架 7 为 Book 应用程序使用 turn js - ionic 我不想在 book 部分之后向后滑动,但在设置类 no-swipeback 后它仍然重定向到上一个 div
有什么办法可以用 turn.js 阻止它
谢谢
jquery - turnjs添加表单输入以重定向页码
我使用 turnjs 以“杂志”模型展示我们的目录。我会添加一个重定向到提交的页码的输入表单。那里有人已经使用了一种方法?如果有人已经包含了 pdf 文件?谢谢
turnjs - pdf.js turn.js kDefaultURL 未打开
我使用http://www.maxims6n.bget.ru/book2/viewer/viewer.html的 pdfjs turnjs并且我的 kDefaultURL 没有打开。但是,如果我使用打开文件按钮,它的工作原理。
谢谢
javascript - 如何仅在翻书的第一张幻灯片后显示后退按钮
功能: 创建了一个带有翻书效果的幻灯片,并利用以下插件: Turn.js,实现翻页效果。其次,我在左右按钮中进行了编辑和添加,以允许用户单击按钮,以便他们可以浏览页面。
问题:
两个箭头都显示,即使在初始页和最后一页。因此,我如何设置适当的箭头以显示在初始页面和最后一页上?只有下一张幻灯片箭头出现在初始页面中,上一个箭头出现在最后一页中,而不是两个箭头都出现在初始页面和最后一页中,就像现在发生的那样。
我做了什么:
我为下一个滑动箭头和上一个滑动箭头以及 Flipbbok 幻灯片的主 div 设置了一个 div。此时,每个页面都显示箭头,即使是第一页和最后一页。
我怎么可能在第一页只有下一个滑动箭头,在最后一页只有上一个箭头。
任何帮助表示赞赏。
代码:
javascript - 动画书未显示并显示错误
功能:
用户能够在翻书中导航,当退出时,翻书能够从菜单重新进入翻书并继续在翻书中导航;每次用户从主菜单进入动画书时,动画书都会重置为第一页。
做了什么:
从插件turnjs制作了一本翻书。我还添加了一个后退按钮,允许用户将翻书退出菜单以及翻书中的导航按钮,允许用户导航翻书。
问题:
当用户重新进入翻书时,页面是空白的,我无法翻动翻书,但是对于我能够翻页的情况,翻书的页面仍然是空白的。调试时,显示以下错误:
turn.js:1260 Uncaught TypeError: Cannot read property 'data' of undefined 因此 turn.js 中的以下行以星号突出显示:
因此,我想问一下如何纠正这个问题。任何帮助深表感谢。谢谢
代码:
因此,我如何才能纠正以下问题,以及当用户在退出后重新进入翻书时,翻书将重置为第一页?
javascript - 当用户导航回页面时,翻书中的导航按钮不起作用
我用 turnjs 插件创建了一个翻书内容。此外,我添加了两个导航按钮,以帮助用户更好地浏览翻书;左箭头(上一张幻灯片),右箭头(下一张幻灯片)。
此外,我为通过翻书实现导航箭头设置了以下功能:
1.) 翻书的第一页,只显示右箭头,隐藏左箭头
2.) 后续页面将同时显示左右箭头
3.) 当用户导航到最后一页时,右箭头将被隐藏,只显示左箭头。
4.)当用户从最后一页导航回来时,因此,在最后一页到上一页之后,两个箭头都应该显示
5.) 当用户导航回到第一页时,左箭头将被隐藏,只有右箭头会显示。
因此,这些是定义翻书中导航按钮行为的以下功能。
问题:
我可以将导航按钮的功能设置为功能 3。)。因此,问题源于功能 4。因此,在用户导航到最后一页并决定从最后一页返回后,右箭头仍然隐藏。其次,用户导航回到第一页后,右箭头仍然隐藏,而左箭头仍然显示。
因此,我想问一下如何解决以下问题。
代码:
javascript - 当我导航回 jQuery 翻书时,导航按钮不显示
我正在创建一本由精装书和页面组成的翻书,以呈现翻书效果。
其次,我决定添加额外的功能,即包括在翻书页面每一侧的导航按钮中。这是为了通知用户他们可以翻阅这些页面。此外,它还用于通过删除相应的导航按钮来通知用户是否已到达翻书的末尾:
1.) 翻书的第一页,仅显示右侧导航按钮,而左侧导航按钮将隐藏。
2.) 左侧按钮的最后一页将显示,而右侧按钮隐藏。
问题:
我设法为动画书创建了导航按钮,在导航按钮的第一页上,左侧按钮隐藏,而右侧按钮显示,当在动画书的最后一页时,右侧按钮隐藏,而左键显示。
但是,在以下情况下会出现问题:
1.)用户决定从最后一页导航回来,右箭头仍然隐藏。正确的行为应该是,当用户从最后一页导航回来时,两个导航箭头都应该显示出来。
2.) 当用户导航回第一页时,右箭头按钮仍处于隐藏状态,而左导航箭头按钮仍处于显示状态。正确的行为应该是右导航箭头应该显示,而左导航箭头应该隐藏。
因此,我想寻求帮助我该如何纠正这个错误?谢谢。
jquery - 使用单击/滚动事件模拟 Turn.js 页面翻转
我创建了一个基本的 turn.js 翻书。当我单击链接元素 ( #clickme
) 时,我想模拟用户在剥离时单击 ( ) 并在翻页后mousedown
释放 ( ) 的屏幕动画。mouseup
到目前为止,这是我的代码:
当我运行它时,没有任何反应。我认为该mousedown
事件没有被触发,但mouseup
确实如此。有人知道我做错了什么吗?
这是HTML: