問題タブ [zurb-joyride]

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 投票する
2 に答える
4396 参照

jquery - ファウンデーション ジョイライドは初回ロード時のみ開始

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

私の設定は...

0 投票する
1 に答える
937 参照

javascript - ファンデーションジョイライドのティップポジションを絶対にする方法は?

私のジョイライドのヒントの 1 つは、ナビゲーション ヘッダー (絶対位置を持つ) のリンクに添付されています。

その特定のジョイライドのヒントにカスタム スタイルを追加して、絶対的な位置付けを行うにはどうすればよいですか? ジョイライドのドキュメントは、デフォルト クラスのカスタム スタイルを作成できることを示していますが、デフォルト クラスは特定のジョイライド ヒントごとに固有のものではありません。

0 投票する
1 に答える
1968 参照

ruby-on-rails - ジョイライドが機能しません - リストが表示されます

ファイルをどこに置くかに関して、これは本当にばかげていると確信していますが、ここに行きます:

gem (zurb-foundation)、rails 3、ruby 1.9.3 を使用して Foundation 4 を試しています。ジョイライド機能を動作させようとしています。

これが私がこれまでに持っているものです:

私のapplication.html.erbで:

そして私のapplication.jsで

アプリケーション.css

jquery.joyride-2.0.3.js、modernizr などのファイルを app/assets/javascripts/ ディレクトリの下に配置しました。

私が得るのは悲しいリストだけです:-(

この質問 hereの提案に従おうとしましたが、役に立ちませんでした。

ヘルプ?

0 投票する
4 に答える
1467 参照

javascript - 要素の祖先が固定されているかどうかを確認する

ナビゲーション バーが固定されている Web サイトを持っています。Zurb Joyride を使用して、ナビゲーション バーの要素にヒントを追加したいと考えています。問題は、ページをスクロールすると、ナビゲーション バーは表示されたままですが、ツールチップは表示されないことです。

(代わりに) ナビゲーション バー内の要素にツールチップを添付しようとしましたbodyが、奇妙なレンダリングの問題が発生しました。ヒントを含む設定position: fixedは機能しdivているようですが、要素が固定位置のコンテナー内に含まれているため、要素が非スクロールであるかどうかをプログラムで検出する簡単な方法があるかどうか疑問に思っています。 Joyride のヒントをいつ修正するかを設定します。助言がありますか?

0 投票する
4 に答える
1170 参照

jquery - Foundation joyride プラグイン コールバックの設定方法

私は財団4.3.1を使用しています。これは私のコードです:

私はそれをalert('test')にすることができないようです。それは乗車を通過しますが、その後は何もしません。ここで何が間違っているのかわかりません。ドキュメントは、構成オプションを配置する方法または場所についてまったく明確ではなく、それらが何であるかのリストを提供するだけです。

postRideCallback がトリガーされないのはなぜですか?

0 投票する
1 に答える
511 参照

javascript - Zurb Joyride が定義された順序に従っていない

サンプルフィドルを確認してください...

開始すると、最初のストップから始まり、2 番目と 3 番目のストップに移動します。4 番目のストップに移動する準備が整うと、スキップしてすぐにモーダルにジャンプします。

ドキュメントに記載されている方法ですべてがセットアップされます。

これは、関数を呼び出すスクリプトです...

アイテムが完全にスキップされる理由について、私は完全に迷っています。

0 投票する
1 に答える
249 参照

jquery - Zurb Foundation 4 Foundation メソッドの呼び出しに、Prototype.js と競合するコードが含まれています

私は Magento 1.7.2、jQuery 1.9.1、Prototype.js 1.7、Zurb Foundation 4 javascript プラグイン、つまり joyride プラグインを使用しています。

foundation.js およびfoundation.joyride.js ファイルを使用して joyride プラグインをインストールした後、prototypejs がプロパティ Function.prototype.bind= function(){...} を作成し、これがfoundation.js から呼び出されていることがわかりました。 bind メソッド、おそらく bind の ecmascript5 バージョンを呼び出す init_lib または lib_init (覚えていない) と呼ばれる関数の下。

コードをデバッグしているときに、基礎の init_lib からプロトタイプ js バインドにステップインするのを見ました。

すべてのprototypejsの使用/バインドの呼び出しを他の名前に変更することなく、この競合を修正するにはどうすればよいですか?

$.foundation() メソッドは、dom の準備ができたときに呼び出されるため、prototypejs オブジェクトが初期化された後です。

助けてくれてありがとう。