问题标签 [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.

0 投票
1 回答
4219 浏览

javascript - 为什么 turn.js 演示不起作用?

我可以在 fiddle 上运行官方文档提供的演示脚本。

但是当我下载脚本并打开演示时,它在我的浏览器上不起作用。我的控制台上没有错误。

我尝试在浏览器中的小提琴上运行相同的脚本,这次我确实收到了错误。“未捕获的 TypeError:无法读取 null turn.js:184 的属性‘样式’”

我不太明白。这是我正在使用的代码。

0 投票
1 回答
3198 浏览

jquery - 'Uncaught TypeError: Cannot read property'disabled' of undefined turn.js:1798 '在将 turn js 与 angular 集成时出错

我正在尝试在我的角度应用程序中使用 turn.js 实现页面翻转效果。当我尝试导航到应用程序中的其他视图时遇到以下错误。

未捕获类型错误:无法读取未定义 turn.js:1798 的属性“禁用”未捕获类型错误:无法读取未定义 turn.js:1297 的属性“选择”

我正在使用指令来调用 turn js。我尝试使用 $("#id").unbind() 从 dom 解除绑定。但它仍然无法正常工作。有人对此有想法吗?

0 投票
0 回答
266 浏览

javascript - Turn.js - 对象 [对象对象] 没有方法“转”

我已经被困在代码中很长一段时间了,并决定尝试获得一些帮助。该代码将使用 Turn.js 插件生成一本书。这个插件没有问题,直到我有Object [object Object] has no method 'turn'一次出错。然后开始对其进行更多测试,并在页面刷新/访问后越来越多地看到此错误弹出。这是在加载页面时偶尔发生的事情(假设您打开页面 50 次,有 1-5% 的时间产生错误)。错误从以下代码的第 3 行开始:

我已经检查了翻书,如果其中的内容在有或没有错误的情况下有任何不同,但似乎并非如此。它包含使用 Turn.js 创建图书所需的所有页面(HTML 页面内容)。希望有足够的信息来帮助我。

记得刷新几次,因为错误不会一直发生。

编辑:

它确实显示在多个系统上,不仅是我的。感觉好像 turn.js 大约在同一时间加载一次,并且在 w 中加载一次,而它的缓慢赶上给出错误,然后显示带有 turn 的翻书,但说它不存在。

编辑2:

找到了一种生成错误的简单方法。首先打开链接,然后打开控制台,然后最小化浏览器或选择不同的选项卡,然后在您之前打开的控制台中刷新页面(只是控制台中的常规 f5)。在 2 或 3 次后,您会看到错误。这让我想到了这个错误,并让我质疑我用来使其响应的视口大小(是的,它是响应的,但不是在您当前看到的页面中。这将在未来的网站中使用,并与 iframe 嵌入共享代码) . 但是在将其设置为硬编码大小后,它仍然会弹出。

0 投票
1 回答
1209 浏览

twitter-bootstrap - TurnJS 和引导部分

我正在尝试向我的引导 Web 应用程序添加一个部分,该应用程序将使用 turnjs 翻书。我的 HTML 代码:

我的 JS 代码:

});

有人有工作样本吗?

0 投票
0 回答
1624 浏览

turnjs - 使用 Turn.js 动态添加页面

我有大约 100 页,每页都有图像或视频。在构建本书时,我在“for”循环中的所有 100 页上调用 addPage。由于 Turn.js 在 DOM 中只保留 6 个页面,我认为以这种方式加载它是可以的。但是,我已经看到在事件处理程序中加载几个页面的示例,例如在转弯时。什么是正确的方法?

0 投票
1 回答
2852 浏览

javascript - 使用 turn.js 定期刷新书籍的动态页面

我使用此处提供的示例创建了一个动态生成的内容示例,以便使用 turn.js查看。

这是我到目前为止的部分代码:

getPage 是一个 jsp,它<div class="page"><img src="docs/local/abcd_1.png" alt="" /></div>根据 ajax 请求返回或任何其他页码。

我遇到的问题是,在请求时,请求的 png 可能在 Web 服务器上可用,也可能不可用。它们将在几(或有时很多)秒后变为可用。因此,如果 png 不可用,我希望能够显示一些默认的“正在加载...”类型的内容,并定期刷新(即每 x 秒),直到实际的 png 可用。如果需要,我可以更改 getPage 的输出。

0 投票
0 回答
1222 浏览

jquery - Turn.js 库和每个页面的加载函数

我正在使用 TurnJS 库制作一本翻书,我还使用了一个工具提示库。

这本书和工具提示适用于几页,但有时不起作用。似乎无法加载工具提示功能。我不知道为什么。我必须使用特定事件来解决这个问题吗?这是我的工具提示功能:

我像这样加载我的翻书:

感谢您的帮助

0 投票
1 回答
4572 浏览

javascript - Turn.js:具有双页查看格式的响应式设计不起作用

我正在使用 turn.js。我没有成功集成 API,所以我开始在 JSFiddle 中工作以了解我在哪里犯了错误。我下面的示例来自带有JSFiddle Demo的Creative Technologist。但是,当我进行简单的复制和粘贴时,我无法获得工作演示我的演示。这本书的页面没有被隐藏。

当我在本地运行代码时,出现以下错误

这是浏览器将我引导至的部分代码:

指向的线在哪里

我目前正在使用 turnjs4 和 jquery 2.1.1。

更新: 我能够完成本地查看。我目前在我的服务器堆栈中使用把手。当我注入 turn.min.js 脚本时,它与插入 jQuery 脚本的布局的顺序不正确。我什至尝试重新排列模板的顺序,以便在布局中的 jQuery 脚本之后注入 turn.min.js,但它仍然不起作用。

最终的解决方案是在布局文件中的 jQuery 脚本之后包含 turn.min.js 脚本!这样就定义了从 jQuery 脚本调用函数的 turn.min.js 文件。

0 投票
2 回答
908 浏览

turnjs - 有什么方法可以在 turn.js 中找到双当前页面?

我的要求是以下列格式显示当前的双页:-

  • 2-3
  • 4-5

而且我一次只显示单页,但是有一个双页视图。像

  • 2-3 时 2
  • 4-5 时 4

知道如何以预期的格式获取这些当前的双页吗?我知道我可以通过添加逻辑来做到这一点,但如果我使用 turnjs 的内部逻辑来做到这一点会更好。因为它可能只发生单页有时像封面页或最后一页。我确信必须有一种方法只能通过 turnjs 找到。任何帮助将不胜感激...在此先感谢。

0 投票
0 回答
827 浏览

javascript - 在 turn.js 页面中的问题是 box-shadow 和 left-margin 对齐

我在翻页 turn.js 中遇到问题

  • 我为奇数页和偶数页设置了框阴影,但奇数页框阴影在第一次执行时显示。在第二次翻页框阴影不可见的时候。对于任何时候都不可见的偶数页。
  • 我已经设置了页面的左边距,但页面不再移动。

#flipbook{ width:400px; height:300px; margin-left:100px; }

我在哪里做错了? JSFiddle