如何将祝酒词从引导4迁移到5？

Question

在bootstrap-4中初始化祝酒词就像：$('.toast').toast(option);一样简单

现在，由于bootstrap-5放弃了jquery支持，需要一种不同的初始化方法：

var toastElList = [].slice.call(document.querySelectorAll('.toast'));
var toastList = toastElList.map(function (toastEl) {
  return new bootstrap.Toast(toastEl, option)
});

但几乎没有任何关于它的文件。意思：option在这里是什么？以及我们应该如何处理产生的toastList

https://getbootstrap.com/docs/5.0/components/toasts/#usage

Answer 1

1. toastlist只保存现在初始化为Toast的元素(您可能已经知道了)，我不知道它是否有任何用途。在SASS版本中，只需要做一个new Toast(el)就可以初始化所有的祝酒词，但是您提到的方式是在CDN版本中是如何实现的。

1. option应该是可以传递给构造函数的选项数组，尽管我无法这样做。但是，在触发器元素中传递数据-bs-*属性本身是有效的。

1. ，您仍然可以只调用toastEl.show()，其中toastEl本身就是the元素。所有其他方法和事件也可以工作。

考虑到B5的新特性，希望文档能够改进超时工作。