Javascript 祝酒词不';t打开

Javascript 祝酒词不';t打开,javascript,html,bootstrap-4,Javascript,Html,Bootstrap 4,因此,每当我单击一个按钮,该按钮应该打开一个引导toast时,我就会遇到一个问题,如果我在toast类中指定show来显示它,而不单击该按钮,那么close按钮就不起作用,toast也不会关闭;代码如下: HTML 点击我! 引导 11分钟前 &时代; 你好,世界!这是祝酒辞。 JAVASCRIPT $(document).ready(function(){ $('#button1').click(function() { $('#alert').show('fade

因此,每当我单击一个按钮,该按钮应该打开一个引导toast时,我就会遇到一个问题,如果我在toast类中指定show来显示它,而不单击该按钮,那么close按钮就不起作用,toast也不会关闭;代码如下:

HTML

点击我!
引导
11分钟前
&时代;
你好,世界!这是祝酒辞。
JAVASCRIPT

$(document).ready(function(){

    $('#button1').click(function() {
        $('#alert').show('fade');
    });
});

只需更改javascript代码更改这行代码
$(“#警报”).show('fade')
$('.toast').toast('show')

$(document).ready(function(){
  $("#button1").click(function(){
    $('.toast').toast('show');
  });
});

正在使用JSFIDLE链接

请检查toast的js部分,您需要使用
元素.toast()
来切换它