jquery - 条件付きでモーダルを表示することはできません

Question

おめでとうブートストラップモーダルを条件で呼び出したい：通知テキストが表示されているときにshowmodalを呼び出します。

状態は正しいです。簡単なアラートで試してみましたが、すべてうまくいきました。

これが私のコードです：

   if ( $('.alert').text() == 'Signed in successfully.' ) {
 $('#congrats').show();
    }

これが私のhtmlです：

<div class="modal fade hide" id="congrats">

ブラウザのコンソールにエラーはありません。

私が間違っているのは何ですか？

Answer 1

$（ "。alert"）。text（）にスペースが含まれている可能性があると思うので、jqueryのトリムを試して次のように使用します

if ($.trim($('.alert').text()) == 'Signed in successfully.') {
  $('#congrats').show(); // or $('#congrats').model("show"); as per the recent comment
}

幸運を ！！

Answer 2

申し訳ありませんが、何らかの理由で構文が変更されているか、見落としていました。動作するバリアントは次のとおりです。

  if ( $('.alert').text() == 'Signed in successfully.' ) {
    $('#congrats').modal('show')
   }