问题标签 [bookblock]

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 回答
712 浏览

jquery - 调试 jQuery 动画

我正在使用一个名为“bookblock”的翻页插件(可以在此处找到演示)。

我在每一页上都放了图片,我是动态添加的。问题是当我翻页时,前一个和下一个 div 突然在书的每一面挤在一起。以下屏幕截图是在翻页动画的中间拍摄的。

在此处输入图像描述

如您所见,书中的每一页都是“item1”、“item2”等。所有的显示属性都设置为“none”,但由于某种原因它们可以被看到。

可以在此处找到该站点的实时版本。我试过添加

就在动画序列之前,它似乎从 js/jquery.bookblock.js 的第 259 行开始,但没有运气。我还能如何调试这个问题?

更新:非常抱歉,我应该提到您可以通过单击实时版本中每个 div 右下角的“展开”图标来访问动画书。

0 投票
1 回答
2090 浏览

jquery - BookBlock jQuery 插件

我正在使用 BookBlock 插件。它工作得很好,但我似乎无法让插件翻转加载了 AJAX 的新页面。

任何人都知道如何重新初始化插件以便它“看到”新页面?

我的书块代码:

提前致谢。

0 投票
1 回答
873 浏览

javascript - 带有 Angular 的书架 JS

我正在使用带有 angularJS 的 Bookblock。第一页加载所有内容(JSON文件)都很好,但是当我翻页时它失败并抛出如下错误:

TypeError: config.$bookBlock.bookblock 不是函数

控制器.js

服务:

主控制器:

第二控制器:

谁有解决方案请分享...

0 投票
1 回答
1054 浏览

jquery - 使用 bookBlock jquery 插件创建水平翻书

作为 jQuery 的新手,我正在尝试使用 bookBlock jQuery 插件和本教程创建一本水平翻书:

http://tympanus.net/codrops/2012/12/11/fullscreen-pageflip-layout/comment-page-3/#comments

我选择了这个,因为它已经有一个我真正需要的目录。

所以有一次我应该在 bookBlock 配置中添加下一个选项:

这将允许我根据需要配置 bookBlock。但是当我在这个地方写这个时,在 page.js 文件中,它不起作用,方向和方向没有改变:

我还尝试将其添加到 jquery.bookblock.js 文件中的默认配置中,这里:

请问这里有人可以告诉在哪里修改选项以获得我所期望的结果吗?

0 投票
2 回答
1070 浏览

jquery - 书块 jquery pluin

此页面上有一个 BookBlock jquery 插件的演示:

http://tympanus.net/Development/BookBlock/

我在页面加载后使用此代码:

图像看起来没有问题,HTML 很好地附加了,但插件不起作用。

任何帮助,将不胜感激。

0 投票
0 回答
59 浏览

javascript - 有没有办法减少 bookblock.js 的 css 过渡跳跃性

我目前在使用bookblock.js 插件时遇到了视觉上的烦恼

我指的网站是:http:
//indiewhip.com/projects/pulse.html

翻页效果很酷,但很紧张。抖动,我的意思是它在加载视频或图像时跳帧翻页。

我想知道是否有人有任何修复或资源我可以用来尝试实现更优雅的效果?

非常感谢所有帮助和建议!

0 投票
1 回答
1241 浏览

javascript - Flipboard 类似页面布局

我正在尝试创建一个类似于 Flipboard 的翻页动画的 html 布局。

首先,我想使用一些 jQuery 库来实现这一点,但它们似乎都没有我需要的所有功能。例如其中一个库是BookBlock,但它使用 CSS 动画转换,所以当我来回移动手指时我无法控制翻转。

经过一番研究,我发现这个出色的演示看起来几乎完全符合我的需要,但它像书一样从左到右翻页,我需要从下到上。

我花了几个小时试图从这个演示中更改各种 CSS 和 JavaScript 属性,但我在更改页面的翻转方向方面没有取得多大成功。

我不希望有人为我编写代码,但如果有人能指出我正确的方向或任何其他建议,我会很高兴。

0 投票
1 回答
138 浏览

javascript - BookBlock.js 中的播放和暂停

如何在 bookblock.js 中创建播放和暂停功能。

下面是我的 js 函数,它在点击播放/暂停按钮时被调用。我无法使用此功能暂停(并再次循环)幻灯片。这有什么问题。

0 投票
1 回答
111 浏览

javascript - 使用 BookBlock jquery 插件进行 Div 内容的导航

每当用户单击导航栏上的链接时,我都会使用 Bookblock jQuery 插件作为 div(由图像和文本组成)之间的过渡效果。

不知何故,当导航位于 div 的顶部时,链接将不起作用。

0 投票
1 回答
201 浏览

angular - 如何将 BookBlock 插件添加到 Angular (Angular 2)

我无法让 BookBlock 插件在 Angular 中工作。看来 BookBlock 对象是在函数“ngAfterViewInit”中创建的太早了,DOM 还没有准备好使用。

这是组件代码:

}

这是视图:

这是错误:

实际的错误行是这样的:

如果您需要更多信息,请告诉我。谢谢!