bootstrap4 toast 方法——迹忆客-ag捕鱼王app官网

下面是标准bootstrap程序的toast组件的方法

传递选项

我们还可以使用option对象将选项传递给 toast。

以下示例代码将阻止 toast 自动关闭。

$(document).ready(function(){
    $(".show-toast").click(function(){
        $("#mytoast").toast({
            autohide: false
        });
    })

以下示例代码会将 toast 的自动隐藏时间增加到 10 秒。

$(document).ready(function(){
    $(".show-toast").click(function(){
        $("#mytoast").toast({
            delay: 3000
        });
    }); 
});

.toast('show')

此方法用于显示 toast。

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

.toast('hide')

这个方法是用来隐藏toast的。 如果将 autohide 设置为 false，则必须手动调用此方法。

$(document).ready(function(){
    $(".hide-toast").click(function(){
        $("#mytoast").toast('hide');
    });
});

.toast('dispose')

此方法隐藏元素的 toast。 toast 将保留在 dom 上，但不会再显示。

$(document).ready(function(){
    $(".dispose-toast").click(function(){
        $("#mytoast").toast('dispose');
    });
});