问题标签 [turn.js]

我正在努力在我的响应式图像上实现turn.js库。我认为使用 JS 库很容易，但是使 JS 库适应开发人员的代码似乎比预期的要难。

我已经编写了一些代码来显示我希望最终结果的样子 - 有一些#headingsdiv 后跟#fbookdiv 包含.fbookImg图像。为了让代码不那么凌乱，对你来说更易读，我决定只放一张图片。

HTML：

CSS：

在 JS 部分，我有一些代码可以使图像更具响应性

JS（turn.js 和 jQuery 已经链接）：

仅供参考，这里是小提琴/codepen：http://codepen.io/Janos/pen/wdwzVK

我试图将更多.fbookImg图像放入#fbookdiv ...

...并turn.js根据其官方网站上的示例将适当的代码放在那里...

...但是最终结果（此处为小提琴）与我想要的相差甚远，它似乎根本不尊重我的默认样式，并且没有应用任何效果。

我正在尝试在我的应用程序中使用 turn.js。我发现当我只使用普通 div 时它工作正常，但是当我使用 ng-repeat 并创建多个 div 时，它不起作用并且只显示 div 的内容而不是页面。

app.js 文件

翻书.html

索引.html

这是显示我正在尝试做的事情的 plunker。 http://plnkr.co/edit/6ZDBRXuNvOSX9kyZ2evq?p=preview

注意：-我已经在互联网上检查并找到了这个问题，但答案对我不起作用，因为那是一个非常古老的问题并且没有用我在这里发布这个希望得到答案。如果可能的话，将不胜感激新的固定 plunker :) 我可以使用 angular js ng-repeat 和 turn.js 吗？

我想设计一本我搜索了很多的杂志，我得到了下面的代码，并根据需要对其进行了修改。但是如何在杂志中搜索特定页面，并且可以使用 turn.js 或其他任何东西完成

我从http://www.turnjs.com/获得了此代码，如何将搜索转到特定页面，任何人都可以帮助我吗？

我正在尝试使用 pdf.js 和 turn.js 为我的网站构建电子书。我来到这里。此外，他们正在显示此错误。错误图像。我现在该怎么办？

我目前正在研究Steve Jobs turn.js示例。

我在向页面添加内容时遇到问题，因为div我正在使用的许多元素都是隐藏的。

到目前为止，我已经尝试通过CSS添加内容，因为我可以在检查时看到隐藏的div元素。问题是我无法自定义或添加新类来处理这些页面。

我还尝试注释掉“隐藏画布”：

有没有人知道如何使用隐藏 div元素。

现在，我需要在 react 中做翻页动画。我看到了用于翻页的 turn.js 库。我在反应组件中导入了它。它没有调用该库中的 Jquery 函数（.turn）

进口声明

Oncomponent 做了 mount 方法：

渲染时：

浏览器控制台中的错误：

</p>

我正在使用turn.js制作目录。我用 PHP 从数据库中抓取页面，我想制作一些控制按钮，比如搜索特定页面。如何解析搜索框中的值以代替此处的数字 10 $("#flipbook").turn("page", 10);并运行它？

这是到目前为止页面的代码。我知道如何制作输入字段，但我不知道如何将输入字段的值解析为跳转到用户想要的特定页面的函数。

我想用 react 运行 turn.js。我在这里找到了一个例子： https ://codesandbox.io/s/005xlk45mn

我将代码改编为我的项目，但出现以下错误：TypeError: jquery__WEBPACK_IMPORTED_MODULE_6___default(...)(...).turn is not a function

这也没有用：

我最近开始使用 turn.js。但是，我想知道如何制作链接，以便某个文本打开一个页面。

我找到 -

会工作。但只有铬？有谁知道为什么我会在 IE 上得到 [object Object] ？我对 Javascript 很陌生。

我目前正在使用 turn.js 创建一本翻书。目前我正试图弄清楚如何使页面可点击，以便当您将鼠标悬停在页面上时它会更改为下一页或上一页。

我已经尝试搜索具有类似问题但到目前为止没有运气的主题，我还检查了 turn.js 的官方文档，但到目前为止，什么都没有。问题是：有没有办法选择页面并为它们提供 .previous 或 .next 之类的类以获得所需的效果？

HTML

jQuery

由于我已将翻书包装到一个容器中，因此我目前正在为两个事件选择一个容器，我想要实现的是，当您单击书的左侧时，它会切换到上一页，当我单击右侧，它切换到下一页。