問題タブ [bookblock]

「ブックブロック」と呼ばれるページめくりプラグインを使用しています (デモはこちらにあります)。

各ページに画像を配置し、動的に追加しています。問題は、ページをめくると、本の両側で前の div と次の div が突然押しつぶされてしまうことです。次のスクリーンショットは、ページめくりのアニメーションの途中で撮影されたものです。

本の各ページを見るとわかるように、「item1」、「item2」などです。表示プロパティはすべて「none」に設定されていますが、なぜか表示されています。

このサイトのライブ バージョンは、ここにあります。追加してみました

js/jquery.bookblock.js の 259 行目から始まるように見えるアニメーション シーケンスの直前ですが、うまくいきません。この問題をデバッグするには、他にどのようにすればよいでしょうか?

更新: 申し訳ありませんが、ライブ バージョンの各 div の右下にある [展開] アイコンをクリックすると、フリップブックにアクセスできることをお伝えしておくべきでした。

angularJSでBookblockを使用しています。最初のページはすべてのコンテンツ (JSON ファイル) で正常に読み込まれますが、ページをめくると失敗し、次のようなエラーがスローされます。

TypeError: config.$bookBlock.bookblock は関数ではありません

Controller.js

サービス：

メインコントローラー：

2 番目のコントローラー:

誰でも解決策を共有してください...

jQueryの初心者として、bookBlock jQueryプラグインとこ​​のチュートリアルを使用して水平フリップブックを作成しようとしています:

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

これを選択したのは、本当に必要な目次が既にあるからです。

したがって、ある時点で、bookBlock 構成に次のオプションを追加することになっています。

これにより、bookBlock を必要に応じて構成できます。しかし、これを page.js ファイルのこの場所に書くと、動作しません。方向と向きは変わりません。

また、これを jquery.bookblock.js ファイルのデフォルト構成に追加しようとしました。

私が期待する結果を得るためにオプションを変更する場所を教えてくれる人がここにいますか?

このページに BookBlock jquery プラグインのデモがあります。

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

ページが読み込まれた後、次のコードを使用しています。

画像は問題ないように見えます。HTML は適切に追加されていますが、プラグインは機能しません。

どんな助けでも大歓迎です。

bookblock.js で再生と一時停止の機能を作成する方法。

以下は、再生/一時停止ボタンをクリックすると呼び出される私のjs関数です。この機能を使用してスライドショーを一時停止 (および再度リサイクル) することはできません。これの何が悪い。

BookBlock プラグインを Angular で動作させるのに問題があります。関数「ngAfterViewInit」で BookBlock オブジェクトが作成されたのは時期尚早であり、DOM はまだ使用する準備ができていないようです。

コンポーネントコードは次のとおりです。

}

ここにビューがあります：

エラーは次のとおりです。

実際のエラー行は次のとおりです。

さらに情報が必要な場合はお知らせください。ありがとう！