会话 Flash 消息的淡出动画答案

【问题标题】：fade out animation for session flash message会话 Flash 消息的淡出动画
【发布时间】：2018-11-07 06:51:31
【问题描述】：

有没有办法为 laravel 设置一个 flash 消息会话？这意味着当我单击按钮添加或删除项目时，会显示闪烁消息。但是有什么办法可以淡出吗？

在视图文件中我把代码放在下面：-

  <script>
      $(document).ready(function(){
          setTimeout(function() {
              $('#msg').fadeOut('fast');
          }, 30000);
      });
  </script>

  @if (session('status'))
      <div class="alert alert-success">
          <p class="msg"> {{ session('status') }}</p>
      </div>
  @endif

我用来返回消息的控制器文件。

return back()->with('status', $pro->pro_name . ' add to cart successfully');

【问题讨论】：

点击按钮发生在客户端，闪存消息存储在服务器端。除非您希望在单击按钮时刷新整个页面，否则我建议您只寻找替代解决方案。如果它只是您想要的“敬酒”（或咆哮）消息，请查看bootstrap-notify.remabledesigns.com
还是不行，你能再看看我的帖子吗，我刚刚编辑过。

标签： javascript php laravel

【解决方案1】：

试试这个

<script>
      $(document).ready(function(){
    $('.alert-success').fadeIn().delay(10000).fadeOut();
      });
  </script>

  @if (session('status'))
      <div class="alert alert-success">
          <p class="msg"> {{ session('status') }}</p>
      </div>
  @endif

【讨论】：

还是不行，你能再看看我的帖子吗，我刚刚编辑过。

【解决方案2】：

希望对你有帮助

$(window).load(function(){
   setTimeout(function(){ $('.alert-success').fadeOut() }, 5000);
});

此 div 将在 5 秒后淡出。

@if (session('status'))
  <div class="alert alert-success">
      <p class="msg"> {{ session('status') }}</p>
  </div>

@endif

【讨论】：

还是不行，你能再看看我的帖子吗，我刚刚编辑过。

【解决方案3】：

尝试使用 toastr，它是一个用于非阻塞通知的 Javascript 库。

【讨论】：

【解决方案4】：

我知道为时已晚，但你可以试试这个：

$(document).ready(function(){
     if (('.alert').is(':visible')) { 
        setTimeout(() => {
           $('.alert').fadeOut('slow')
        }, 3000);
     }
});

【讨论】：