問題タブ [zurb-joyride]

「nextBtn」に ng-disabled ディレクティブを追加する必要があります。これは、条件が true になるまでボタンを無効にしておく必要があるためです。出来ますか？同じことが ng-if または ng-class にも当てはまります。テンプレートでそれらを使用できず、理由がわかりません..これは私の状況です:

ご覧のとおり、必要な値を表示できるカスタム テンプレートがあります: $scope.rFunction()

テンプレートの要素の外側にブール値を返すこの関数をスタンプしようとすると、機能します。しかし、それを ng-disabled や ng-if not のようなディレクティブに入れようとすると。何か案が？ありがとう

編集：示唆されたように、私は $compile を使用しようとしましたが、今はこれを持っています

現在、 ng-joyrideを動作させようとしていますが、実際には、やりたいことをやりたくないようです....

私は次の設定をしています：

HTML:

JS:

だから私は可能な限り単純な構成を持っていますが、ボタンをクリックしても何も表示されません...

また（ボタンをクリックすると）、コンソールにエラーが表示されます $fkEl.size is not a function.

誰かがここで間違いを見たり、なぜ機能しないのか知っていますか?

ファウンデーション ジョイ ライドを完全に無効にするために、ファウンデーション ジョイ ライドで以下のように 1 つのボタンを手動で作成しました。

このコードをreactで使用しています。反応コンポーネントでこのコードをレンダリングすると、エラーは表示されません。しかし、「これを二度と表示しない」ボタンをクリックすると、次のようなエラーメッセージが表示されます。

invariant.js:42 Uncaught Error: Invariant Violation: ReactMount: 2 つの有効だが等しくない同じノードdata-reactid: .0.0.5.0.2.0.0.1

誰でもこれについて何か考えがありますか？私を助けてください。前もって感謝します。

私は Joyride を使用しており、開始前、最初のステップの後、終了後に関数を起動しようとしています。

これが私がこれを達成する方法だと思いました：

私が呼び出す関数は次のようになります。

これは、ジョイライドのツールチップがある要素です:

最終的には、3 つの関数がすべて同時に起動するように見えます。そのため、何もボックスシャドウが表示されなくなります。「post_step_callback」および「post_ride_callback」オプションを削除すると、ボックス シャドウが追加されるだけで、削除されることはありません。これは理にかなっています。私の post_step と post_ride 関数がすべて同時に起こっているようです。誰かが理由を知っていますか？

react-joyrideのチュートリアルを作成していcreate-react-appます。

私の目標は、ユーザーがサイトを進むにつれて、定期的に開始および停止するチュートリアルを作成することです。これは、特定のユーザーの行動 (ページの変更、新しいモジュールの起動など) でチュートリアルがオンまたはオフになることを意味します。

問題:統合方法:ステップ<> Joyride <>複数のページとコンポーネントにまたがるコンポーネントの状態?

（4）さまざまなアプローチを検討しました。

1. コンテキストでロードおよび管理され、ページに渡される単一のマスター「ステップ」JSON を持つ
2. 各ページとコンポーネントに複数の個別の「ステップ」JSON ファイルがある。
3. <Joyride />1 つの JSON 'step' ファイルを受け取るグローバル レベルの1 つのコンポーネントを持つ
4. <Joyride />各ページ/コンポーネントに複数のコンポーネントがあり、ローカルの「ステップ」ファイルがある

私は 4 つのアプローチをすべて試しましたが、複数のページでジョイライドをスムーズに機能させることはできませんでした。

どんなアイデア/提案も大歓迎です!