问题标签 [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 回答
388 浏览

jquery - turn.js 拖放图像两次

我有以下与 turn.js 一起使用的代码,除了第 13 页外,它运行良好 - 当我将图像放到第 11 页时,相同的图像会出现在第 13 页(直接位于屏幕上第 11 页的后面)。

因此,当正在放置的区域正下方有一个可放置区域时,以下代码将执行两次。

我的问题是(我希望我已经提供了足够的信息)如何防止第 13 页继承第 11 页的内容?顺便说一句,即使我先将图像放到第 13 页上,这种情况仍然会发生 - 它仍然会继承我放到第 11 页上的内容。

感谢您的任何想法!

我刚刚注意到,只要将图像拖放到直接位于另一个可拖放区域之上的可拖放区域,就会发生这种行为。

这是一个小提琴: http: //jsfiddle.net/e2p6xydg/14/ <可能需要检查jquery ui复选框

0 投票
0 回答
358 浏览

javascript - 如果文本超过宽度和高度,如何动态创建 div

我正在尝试使用 HTML 制作电子书。为此,我使用的是 turn.js,宽度为 400 像素,高度为 300 像素。我想为不适合 50% X 40% div 大小的文本动态创建 div。因为我想为不同的屏幕大小设置不同的字体大小,所以我尝试了

我从自动大小的动态文本复制以填充固定大小的容器,但它似乎对我不起作用。

0 投票
0 回答
60 浏览

javascript - 为什么影子在turnjs中切换?

我不明白,为什么翻页时页面的阴影会切换。为什么会发生这种情况?

我试图编写最小的脚本来重现该问题: http ://warp-dev.alvass.in/products/image/

0 投票
3 回答
2253 浏览

javascript - 使用 turn.js 进行垂直翻转

我在我的应用程序中使用 turn.js,并希望实现类似于http://pageflip-books.com/documentation-configuration.php - VerticalMode的垂直翻转

谁能告诉我,如何在 turn.js 中实现垂直翻转?

0 投票
0 回答
142 浏览

jquery - 使用 turn.js 破坏图像的 angularJS 绑定

我正在尝试使用 turn.js 和 angular.js 制作图像书我想根据设备(移动/PC)高度和宽度动态设置图像的高度和宽度..

不知何故,我能够获得设备的高度和宽度,但我无法使用角度绑定进行设置,即 {{height}}。

当我们遍历第 6 页时出现问题...为了清楚地理解我设置了相同的图像...

在第 6 页,图像未根据角度绑定设置高度/宽度。即{{height}}

我的控制器看起来像..

图片标签看起来像..

我在控制器中设置了高度和宽度,可以根据设备更改 这里是 plunker

0 投票
2 回答
347 浏览

javascript - turnjs4 翻转页面禁用了我的脚本

我正在使用Turn.js构建一个看起来像一本书的网站。每个页面都是一个用于翻页效果的.php文件。javascript

最初,我所有的脚本都可以正常工作。不过,特别是有两页给我带来了问题。包含书籍列表的页面,当您单击它们时会显示说明,以及包含可单击问题并在单击时显示答案的常见问题解答页面。

当我翻到第 9 页及以后,然后翻回书籍页面或常见问题解答页面时,javascript 的描述和答案将不再起作用。

我已经尝试从一个页面中删除 javascript,并且翻页仍然会禁用另一页的 javascript,所以我知道 javascript 不是问题。那么还有什么可以禁用我的javascript?

也是我正在构建的网站的链接http://www.jalbertmann.com

更新

所以我进一步确定这似乎是一个AJAX相关的问题。Turn.js用于用其他文件AJAX的内容填充书籍之类的网站的页面(div) 。.phpscripts在这些文件中有本地文件,出于某种原因,它们只通过一次。当我到达某些页面时scripts,正如我上面写的那样,失败了。有没有人可以帮助我?我对Turn.jsAJAX的文档知之甚少。

0 投票
1 回答
845 浏览

jquery - turn.js:使用鼠标更改页面时更改 URL

我在我正在工作的网站上使用,并且在使用鼠标翻阅书籍页面时turn.js遇到了一些问题,例如网站。URL到目前为止,我已经尝试过:

这样做的原因是当页面翻页时,它会更新我URL使用该changeUrl()功能。但是,当我将鼠标悬停在页面边缘时,它已经更改了页面。我只需要在我click编辑完页面角后才需要翻页,而不是在将鼠标悬停在它们上方时翻页。

我也试过

这在技术上有效,但它会弄乱我的链接并将我发送到turn.js应用程序的最后一页,无论我将链接设置到何处。

如果有人知道任何其他方式来操纵当我使用鼠标而不是鼠标click时会发生什么,我将非常感谢一些帮助!谢谢!turn.jshover

0 投票
1 回答
1522 浏览

javascript - 为什么这个 turnjs 的实现不起作用?

我正在尝试在本地实现此示例:

首先是导入:

jquery 库和 turnjs。

转JS

HTML:

JavaScript:似乎错误就在这里,但我对 JavaScript 的经验很少。我不明白为什么会这样。

CSS:

但不工作。

这是控制台日志:

控制台错误

代码错误

我应该怎么办?

谢谢!

0 投票
1 回答
696 浏览

javascript - 如何在turn.js中只显示几页杂志电子书

我用turn.js创建杂志电子书。电子书的每一页都是图像。我创建了 52 页。当我将电子书托管到我的网站时。我的电子书只能在所有页面加载后才能看到

我的问题是: 如何只显示第一页(电子书封面)或当用户单击下一个箭头时,用户会在 turn.js 中看到下一页?

你问我做什么?我只是将页面图像放在文件夹 pages中。我什么都没做: 在此处输入图像描述 在此处输入图像描述

0 投票
1 回答
883 浏览

turnjs - “turnjs-magazine”如何从图像页面替换为 html 页面?

我喜欢 turnjs-MAGAZINE,

但我需要你的帮助来修复:

1- 如何从 IMAGE 页面更改为 HTML 页面?

来自 http://www.turnjs.com/samples/magazine1/js/magazine1.js的代码

或下载:http ://www.turnjs.com