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

Question

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

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

var labelBtn = [
  // Set 1
  "#nf-label-class-field-36-0",
  "#nf-label-class-field-81-1",
  "#nf-label-class-field-70-1",
  "#nf-label-class-field-96-1",
  "#nf-label-class-field-91-1",

  // Set 2
  "#nf-label-class-field-101-0",
];

for ( var id in labelBtn ) {

  var btn = labelBtn[id];
  (function(nf) {
    $(document).on( 'nfFormReady', function( e, layoutView ) {

      $(document).on('click', nf, function( e, layoutView) {

        var alertText = $('.alertText').find("aside").text();

        console.log(alertText);

        if ( $('.alertText').length > 0 ) {
                          $(".alertModal figcaption h2").text( alertText );
        }

        UIkit.modal('#AlertConsulation', { bgClose: false }).show();
      });

    }); // End of nfFormReady
  }(btn));

} // End Label Button

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

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

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

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

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