問題タブ [ninja-forms]

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 に答える
2050 参照

jquery - Ninja Forms: マルチパート フォーム - フィールド クリックの次のステップ (jQuery)

Ninja Forms + Multi Step form プラグインを使用して jQuery クリック イベントを実装する際に問題が発生しました。目標は、ユーザーが [次へ] ボタンをクリックする必要をなくすことです。

次の関数を使用すると、次のボタンのクリックを正常にトリガーできますが、最初のステップでのみです。2 番目のステップが読み込まれると、関数全体がバインドされていないように見えます (DOM の変更のため?)。

これを達成するためのより良い解決策はありますか? マルチパート フォーム プラグインに関する具体的な開発者リソースが見つからないようです。

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

javascript - インライン スタイル (CSS または jQuery) を使用したトランジション アニメーション

Ninja Forms Multi-Part Form アドオンに付属のプログレス バーを使用しています。プログレス バーの設定は次のとおりです。

マルチパート フォームの後続の各パートに進むと、一部の JS または jQuery がインラインstyle属性の幅を変更.nf-progress divし、各ステップが完了するとプログレス バーがいっぱいになります。

視覚化しやすいように、スタイルを適用した私の UI は次のようになります。

視覚化するのに役立つように、スタイルの進行状況バーは次のようになります

.nf-progress各ステップが完了するたびにプログレス バーが divをアニメーション化するようにしたいと思います。と同じくらい簡単になると思ったtransition: width 1s ease;のですが、うまくいきません(でも-webkit-transition)。これが私が試したものです。

もう少し調査したところ、transitioncss プロパティを使用してインライン スタイルをアニメーション化できないことがわかりました。理由はわかりませんが、どうやらできないようです。

私は掘り下げ続け、純粋なCSSアニメーションキーフレームでここに近づく記事を見つけました.

ここでの利点は、実際にある種のアニメーションを取得できることです。ただし、このアプローチの問題width:0%は、進行状況バーのすべてのステップでアニメーションが開始されることです。要素を以前の幅から新しいインライン スタイルの幅に移行させたいと考えています。

CSSでこれを行う方法を知っている人はいますか、またはjQueryでこれを達成する方法はありますか?

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

jquery - jQuery: 動的モーダルから静的テキストを表示する

WP Ninja Forms プラグインと UIKit モーダル コンポーネントで jQuery を使用して、Ninja Forms アンケートから動的アラートを作成および表示しています。

jQueryおよびUIKit javascript関数とともにNinja Formsとやり取りする方法を検索しました。コードは次のとおりです。

基本的に、10 の異なる症状カテゴリがあり、各症状カテゴリには複数のアンケートがあり、各アンケートには、ボタンをトリガーしたときに表示される警告テキストがあります。アラート テキストはタグ内の Ninja Forms 内で静的であり、aside引き出されて に表示され.alertModal figcaption h2ます。

これは、ブラウザーがセット 2 をロードし、[はい] ボタンをクリックしたときです。警告テキスト表示なし。 ボタン結果の最初のクリック

これは、[いいえ] ボタンをクリックして、[はい、警告テキストが表示されます] ボタンに戻る場合です。 ボタン結果の 2 回目のクリック

ここでの問題は、「Set 2」に到達してボタンをクリックすると、アラートモーダルが開き、ボタンがトリガーされた後に静的テキストもインプレースになるはずです。

注: 私の観察ではnfFormReady、ブラウザの読み込みが完了した直後に読み込まれなかったようです。それとも別のものかもしれませんか?