Bootsrat html Toast不显示

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')调用之后可以看到烤面包多长时间。

请参阅bootstraps官方文档以了解如何与jQuery一起使用。