问题标签 [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 投票
3 回答
4810 浏览

javascript - turn.js 的鼠标单击和鼠标悬停效果不起作用

我正在开发一个带有turn.jsflipbook提供的 jQuery 效果的网站。

它在我的开发环境中运行良好。突然发现mouseover效果并mouseclick在浏览器上停止工作Chrome V29.0.1547.66m.

V26.0.1410.63它与其他浏览器(Firefox)完美配合。需要知道原因和一些解决方法。

这是我网页的链接

0 投票
0 回答
737 浏览

javascript - SCRIPT438:对象不支持属性或方法 IE9

我浏览了该网站并查看了许多对有类似问题的人的回复,但没有一个回复解决了我的问题!

我只在 IE9 中收到此错误,它会导致页面需要很长时间才能加载。所有其他浏览器和 IE 版本似乎都很好!这是调试期间弹出的唯一错误..

我想没有人有任何想法吗?几个星期以来,我一直在努力解决这个问题。

网址: http: //www.wilnecotehighprospectus.co.uk

谢谢

0 投票
1 回答
75 浏览

css - 图书合上时隐藏图书内容

我目前将这个设置用于我正在创建的一个小游戏:

http://jsfiddle.net/eju6S/

我正在使用turn.js创建书籍效果。

现在我希望书的内容在书合上时不可见->封面应该与页面背景具有相同的背景。

当盖子打开时,它应该会显露出来。

这对颜色很容易,但我想有一张图片作为背景。

所以理想情况下,这条线<div class="hard"> Cover </div>应该忽略内容层,直接将背景显示为其背景。

我知道这可以通过在该区域剪切背景图像和该 div 的大小然后将其添加为背景或通过执行一些 jquery 函数来在封面关闭时隐藏内容但我正在寻找一个 css这里唯一的解决方案。

这可能与css有关吗?

编辑: 现在我通过简单地将相同的背景图像放入具有一些偏移量的 div 来实现我想要的:

http://jsfiddle.net/eju6S/3/

现在的问题是:我想在一页上有多个“翻书”,如果多次加载和使用如此巨大的图像会导致一些问题吗?或者这无关紧要吗?

0 投票
1 回答
143 浏览

jquery - 内存泄漏转js

我的书阅读器有问题,这是我的代码:

代码

我使用turnjs v3库并且我遇到内存泄漏问题,如果您阅读下一页和下一页,内存 RAM 不会被清除,但会越来越多。

在控制台中我看到它DOM被删除了,但我认为没有从内存中删除,我知道图像的尺寸比平时大,但我认为这不是主要问题。

如果您遇到类似的问题和后来的 mate 解决方案,如果您能帮助我,我将不胜感激

谢谢

0 投票
0 回答
1031 浏览

javascript - Turn.js 禁用页面元素的事件处理

我正在使用 turn.js 制作翻书。一切都很好,但是当我尝试将事件绑定到页面内的元素时,该事件未绑定。

jQuery doesn't bind any event to #Test.

0 投票
1 回答
3606 浏览

javascript - TypeError: $(...).turn 不是函数

我正在使用turn.js,但是我收到错误TypeError: $(...).turn is not a function目前我的 js 是:

有什么想法我可能会出错吗?

0 投票
0 回答
813 浏览

javascript - TurnJS 不工作(jQuery 加载顺序?)

我无法让TurnJS工作,我正在动态加载所有图像,我首先显示所有图像,然后在页面加载几秒钟后,显示第一和第二个图像,其余的隐藏,图像在悬停时移动,但整个翻书无法正常工作并且它没有改变页面(不像当我试图让它在基本版本上工作时,虽然它并不完美,但我有翻页),我想我可能正在加载jquery 顺序错误(见下文):

Jquery 已经加载了,所以我不需要在这里再次加载它,只是我需要的任何额外的库/脚本。我在萤火虫中遇到的以下错误是:

  • TypeError: $(...).turn 不是函数
  • TypeError:Node.insertBefore 的参数 1 没有实现接口 Node。
  • 不推荐使用 getPreventDefault()。请改用 defaultPrevented。
  • TypeError:book.turn 不是函数

在这里添加了我的代码,这样你就可以看到我做了什么,任何帮助/指导将不胜感激!

这就是我的目标

如果我查看 firebug 中的脚本,它会显示以下顺序:

...然后我的所有脚本都跟随,它首先显示它的加载 jquery?

0 投票
2 回答
1758 浏览

jquery - turnjs插件的翻书中间需要渐变

在 turnjs 插件渐变默认情况下始终设置为 true。

$('#magazine').turn({梯度:真,加速度:真});

但是渐变没有出现在翻书中。书的中间应该有渐变。此外,还有一些来自页面 div 的类(翻书的页面)也丢失了。页面左侧和右侧的奇数和偶数类也分别丢失。但这些类对于造型非常重要。以及任何使turnjs的翻书响应的提示..

实际上我在 turn.js 插件代码表单中看到里面有一些渐变类正在制作中。并且在您看到的选项中正在初始化插件中的gradeints,但它不起作用..

0 投票
1 回答
4295 浏览

jquery - 将页面动态添加到 turnjs 书

我需要动态地构建一本书。我正在使用turnjs。看到这个小提琴:JSFIDDLE LINK

这是添加页面的功能:

第一个问题是页面是在最后添加的,首先我需要控制它以便在我想要的每个地方添加页面。

第二个问题是添加的页面没有得到书籍效果!就像它不是书的页面一样。我怎样才能解决这个问题?

任何帮助,将不胜感激。

0 投票
1 回答
276 浏览

jquery - html中的pagecurl效果

我正在寻找与http://www.turnjs.com/#samples/steve-jobs非常相似的 html 页面卷曲效果。但是如果我可以根据我的要求更改尺寸,我也特别在单个页面上寻找类似的效果。我参考了 jflip 插件,但我无法根据我的要求对其进行自定义。请参考以下图片。

除了我可以使用的 turnjs 或 jFlip 或任何其他可能的解决方案之外,是否有任何可用的 jquery 插件?

页面卷曲图片:

http://oi59.tinypic.com/2pttl5e.jpg