Bootsrat html Toast does not show

Question

我在下面有html代码，如果我输入普通的HTML代码，就会出现Toast。

<div class="toast show" data-title="" 
data-message="" 
data-type="" 
data-position-class="toast-bottom-right">
</div>

但如果我这样做<div id="msg"></div>

在jquery中，我确实$("#msg").html('<div class="toast-action" data-title="Hi, there!" data-message="Hope you like paper panel." data-type="success" data-position-class="toast-bottom-right"></div>')

它不起作用。

PS ：我确实看到了附加到的代码 如果我检查页面

Answer 1

使用$('#element').toast('show')

在您的第一个div 中，您可以使用<div class="toast" data-delay="10000">这不是一个完整的示例，只是表明您需要设置一个延迟选项，用于在.toast('show')调用后 Toast 可见多长时间。

请参阅引导程序官方文档，了解与 jQuery 的用法。