问题标签 [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.
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 解除绑定。但它仍然无法正常工作。有人对此有想法吗?
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 嵌入共享代码) . 但是在将其设置为硬编码大小后,它仍然会弹出。
twitter-bootstrap - TurnJS 和引导部分
我正在尝试向我的引导 Web 应用程序添加一个部分,该应用程序将使用 turnjs 翻书。我的 HTML 代码:
我的 JS 代码:
});
有人有工作样本吗?
turnjs - 使用 Turn.js 动态添加页面
我有大约 100 页,每页都有图像或视频。在构建本书时,我在“for”循环中的所有 100 页上调用 addPage。由于 Turn.js 在 DOM 中只保留 6 个页面,我认为以这种方式加载它是可以的。但是,我已经看到在事件处理程序中加载几个页面的示例,例如在转弯时。什么是正确的方法?
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 的输出。
jquery - Turn.js 库和每个页面的加载函数
我正在使用 TurnJS 库制作一本翻书,我还使用了一个工具提示库。
这本书和工具提示适用于几页,但有时不起作用。似乎无法加载工具提示功能。我不知道为什么。我必须使用特定事件来解决这个问题吗?这是我的工具提示功能:
我像这样加载我的翻书:
感谢您的帮助
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 文件。
turnjs - 有什么方法可以在 turn.js 中找到双当前页面?
我的要求是以下列格式显示当前的双页:-
- 2-3
- 4-5
而且我一次只显示单页,但是有一个双页视图。像
- 2-3 时 2
- 4-5 时 4
知道如何以预期的格式获取这些当前的双页吗?我知道我可以通过添加逻辑来做到这一点,但如果我使用 turnjs 的内部逻辑来做到这一点会更好。因为它可能只发生单页有时像封面页或最后一页。我确信必须有一种方法只能通过 turnjs 找到。任何帮助将不胜感激...在此先感谢。
javascript - 在 turn.js 页面中的问题是 box-shadow 和 left-margin 对齐
我在翻页 turn.js 中遇到问题
- 我为奇数页和偶数页设置了框阴影,但奇数页框阴影在第一次执行时显示。在第二次翻页框阴影不可见的时候。对于任何时候都不可见的偶数页。
- 我已经设置了页面的左边距,但页面不再移动。
#flipbook{
width:400px;
height:300px;
margin-left:100px;
}
我在哪里做错了? JSFiddle