无法在条件下调用显示模态

Question

我想在条件上调用恭喜Bootstrap模态：当显示一些通知文本时调用show modal。

条件是正确的。我尝试了简单的警报，一切正常。

这是我的代码：

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

这是我的HTML：

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

浏览器的控制台没有错误。

我做错了什么？

Answer 1

我认为$（“。alert”）。text（）中可能包含一些空格，所以请尝试jquery trim并使用如下

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')
   }