問題タブ [zurb-joyride]

私は Foundation4 を CakePhp2.4 と連携して使用していますが、これまで問題はありませんでした。私が何をしても、ページの読み込みが完了すると、joyRide の postRide コールバックが呼び出されます (Joyride が完了したときに再度呼び出されることはありません)。

また、私の目標はJoyride が終了するとすぐに (カスタム関数) を起動することなので、別の方法として、イベント リスナーをクラスにバインドし、さらには Joyride ペイン内のカスタム要素 IDinitialize()をバインドしようとしましたが、これらもすべて呼び出されています。ページの読み込み時。.joyride-close-tip

これについて非常に多くの異なるバリエーションを試したので、試したすべてを適切に投稿することはできませんが、現在のコードは次のとおりです。

注:
1) これはすべて CakePhp2.4 によって制御されているため、noConflict モードで jQuery を使用しています。したがって、jquery の通常の $ の代わりに $j プレフィックス
を使用しています。2) このアプリでは zepto を使用できません (ただし、理由はわかりませんが、読み込んでも何も動作しません)。

私のHTML：

私のJS：

ガイド付きツアーにジョイライド プラグインを使用しています。関数でジョイライドが開始されたツアー ID (olタグ ID)を取得する必要がありpostRideCallbackます。この関数にはパラメータとしてとのみがindexありcurrent_tip、でIDを取得する方法がわかりhandlePostRideCallません。ライブラリを調べましたが、何も機能しません。

HTML:

JS:

質問はほとんどすべてを語っています...ホームページはここにありますが、戻ることに関連するものは何も表示されず、自分で追加する方法もありません.

作成中のプラグイン用に joyride.js をセットアップしたので、プラグインを使用する前にいくつかの基本的なセットアップ手順をユーザーに説明できます。正常に動作/機能していますが、「ツアー ストップ」が本来よりも約 200 ピクセル程度低いことに気付きました。

これは、要素のパディングまたはマージンが原因でしょうか? 正しい要素の横に表示されるようにこれを調整する方法はありますか? ツールチップを上、左、右に設定しようとしましたが、それらはすべて必要よりも約 200 px 低くなります。

以下のJoyride設定：

I set a joyride up using the html above. I can call it with:

and it successfully runs. However, the postRideCallback is never fired. What am I doing wrong?

Foundation Joyride を使用しており、Web ページをロードするたびにツアーが開始されますが、Web ページが初めてロードされたときだけツアーを開始するにはどうすればよいですか?

Foundation joyride start only on first loadという質問を参照します。しかし、機能していません。

私の設定は..

Zurb の Foundation Joyride プラグインをいじって、可能なオプションを調べています。私はいくつかの作業をしましたが、オプションの1つが何をするのかわかりません。

私は一生、これらのオプションが何を変更することになっているのか理解できません。私のプロジェクトコードでそれらを変更しようとしても何もしません。これの目的と、それを適切に機能させる方法を知っている人はいますか?

https://github.com/zurb/foundation/blob/master/js/foundation/foundation.joyride.js

1 ページに 2 つのジョイライドを含めることは可能ですか? 例: 1 つのジョイライドを実行し、ユーザーが何かを選択したら、2 つ目のジョイライドを開始しますか?