laravel问题:淡出会话Flash消息

时间:2018-11-07 06:51:32

标签: javascript php laravel

有什么方法可以为laravel设置Flash消息会话吗? 这意味着当我单击按钮添加或删除项目时,将显示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');

4 个答案:

答案 0 :(得分:1)

希望这对您有帮助

$(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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

尝试一下

<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

答案 3 :(得分:0)

我知道为时已晚,但你可以试试这个:

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