Javascript 使用json字符串显示toast消息时出现问题

我正在尝试实现一个ajax表单检查，当出现错误时，toast消息应该出现在哪里。这是toast消息部分的一部分，我想它应该是这样触发的

@if ($errors->any())
<div class="alert alert-danger alert-dismissable fade show {{ session()->get('dismiss', '') }}" data-auto-dismiss="2000">
  <i class="fas fa-times-circle toast-icon"></i>
  <div class="toast-message">{{ $errors->has('message') ? $errors->first('message', ':message') : __('The given data was invalid.') }}</div>
  <i class="fal fa-times close" data-dismiss="alert" aria-label="Close"></i>
</div>
@endif

---

该警报返回我应该在我的toast消息中获得的消息，但是toast不会显示。最好知道代码中出现了什么错误，或者我是否应该以其他方式解析错误消息？

注意

@if@endif

不是js代码，而是php代码。因此，如果您刷新页面时没有错误，它将不存在

所以，我想这不会找到任何东西：

alertContainer.find('.toast-message');

可能的解决方案

始终将

div.alert

放在那里，但如果没有任何错误，请将其隐藏。示例（我没有测试它）：

{{$errors->has（'message'）？$errors->first（'message'，'：message'）：{{（'给定数据无效。'）}

那么我需要如何让我的

.alert container

知道有

$error

才能显示消息？

alertContainer.find('.toast-message');

<div class="alert alert-danger alert-dismissable fade {{ $errors->any()?'show':'hide' }} {{ session()->get('dismiss', '') }}" data-auto-dismiss="2000">
  <i class="fas fa-times-circle toast-icon"></i>
  <div class="toast-message">{{ $errors->has('message') ? $errors->first('message', ':message') : __('The given data was invalid.') }}</div>
  <i class="fal fa-times close" data-dismiss="alert" aria-label="Close"></i>
</div>