Laravel 敬酒 JavaScript

Question

我使用 https://xvelopers.com/demos/html/paper-panel/panel-element-toast.html

面板...我试图在函数后显示 toast..

如果我使用

<div class="toast"
    data-title="Hi, there!"
    data-message="Hope you like paper panel."
    data-type="success">
</div>

它在页面加载时正确显示吐司...

现在，我正在尝试将其添加到：

$.ajax({
      url: "asd/store-asd",
      type: "POST",
      data: fd,
      processData: false,
      contentType: false
    }).done(function(resp){
      if(resp&& resp.ok){
        calendar.refetchEvents();
        alert("OK"); **change alert to toast**
        clean();
      }else {
        alert("FAIL");
      }
    });

如何添加？

PS.: 使用@if(session('status')) @endif...也可以，但我需要在不重新加载页面的情况下实现它

Answer 1

嘿，如果你没有文档如何实现他们的烤面包机，你可以解决这个问题，将 HTML 与显示 none 属性一起放置，即

<button class="btn btn-primary btn-lg toast-action" data-title="Hey, Bro!" data-message="Paper Panel has toast as well." data-type="info" data-position-class="toast-bottom-right" style='display:none;'>Info Toast</button>

然后您可以通过定位 class ".toast-action" 来触发点击此按钮，您还可以更新消息、标题等属性，希望这会起作用，，，这只是解决方法，因为您没有任何可用的文档并且 js 也是编译版本。

Laravel 敬酒 JavaScript

Laravel Toast in JavaScript

toast

laravel

laravel-blade