問題タブ [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.
jquery - ファウンデーション ジョイライドは初回ロード時のみ開始
Foundation Joyride を使用していて、Web ページをロードするたびにツアーが開始されますが、Web ページが初めてロードされたときだけツアーを開始するにはどうすればよいですか?
私の設定は...
javascript - ファンデーションジョイライドのティップポジションを絶対にする方法は?
私のジョイライドのヒントの 1 つは、ナビゲーション ヘッダー (絶対位置を持つ) のリンクに添付されています。
その特定のジョイライドのヒントにカスタム スタイルを追加して、絶対的な位置付けを行うにはどうすればよいですか? ジョイライドのドキュメントは、デフォルト クラスのカスタム スタイルを作成できることを示していますが、デフォルト クラスは特定のジョイライド ヒントごとに固有のものではありません。
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の提案に従おうとしましたが、役に立ちませんでした。
ヘルプ?
javascript - 要素の祖先が固定されているかどうかを確認する
ナビゲーション バーが固定されている Web サイトを持っています。Zurb Joyride を使用して、ナビゲーション バーの要素にヒントを追加したいと考えています。問題は、ページをスクロールすると、ナビゲーション バーは表示されたままですが、ツールチップは表示されないことです。
(代わりに) ナビゲーション バー内の要素にツールチップを添付しようとしましたbody
が、奇妙なレンダリングの問題が発生しました。ヒントを含む設定position: fixed
は機能しdiv
ているようですが、要素が固定位置のコンテナー内に含まれているため、要素が非スクロールであるかどうかをプログラムで検出する簡単な方法があるかどうか疑問に思っています。 Joyride のヒントをいつ修正するかを設定します。助言がありますか?
jquery - Foundation joyride プラグイン コールバックの設定方法
私は財団4.3.1を使用しています。これは私のコードです:
私はそれをalert('test')にすることができないようです。それは乗車を通過しますが、その後は何もしません。ここで何が間違っているのかわかりません。ドキュメントは、構成オプションを配置する方法または場所についてまったく明確ではなく、それらが何であるかのリストを提供するだけです。
postRideCallback がトリガーされないのはなぜですか?
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 オブジェクトが初期化された後です。
助けてくれてありがとう。