鞋带吐司仍在顶部(看不见)
鞋带吐司仍在顶部(看不见)
提问于 2019-05-07 18:59:42
在应用程序“完成”(重新加载或在浏览器出口处)之前，没有关闭引导吐司(使用关闭按钮)。当应用程序再次启动时，“隐形吐司”下的按钮虽然是可见的，但不能使用。所以这份祝酒词看起来像是“待在上面”，但却是看不见的。
解决这个问题的方法是单击显示吐司的按钮，然后关闭吐司。现在所有的按钮都可以点击了。
引导4.3.1.包裹是用的。谁能解释一下吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2019-05-09 01:41:19
在您的工作演示中，我能够通过以下两种方式在页面加载中隐藏吐司来解决这个问题(选择一种)
1)在页面就绪时调用jQuery hide()：
$(document).ready(function(){
// Hide the Toast
$("#myToast").hide();
$(".show-toast").click(function(){
$("#myToast").toast('show');
});
$(".hide-toast").click(function(){
$("#myToast").toast('hide');
});
$(".dispose-toast").click(function(){
$("#myToast").toast('dispose');
});
});2)将hide类添加到吐司中：
<div class="toast hide" id="myToast" data-autohide="false" style="position: absolute; top: 0; right: 0;">备选方案2比较干净。但是我知道hide类在引导中是不受欢迎的，所以使用它将为您自己的将来带来风险。但在您的4.3.1版本中确实有效，所以..。
Stack Overflow用户
发布于 2019-12-30 07:30:37
@dbro-“隐藏”类工作得完美无缺。有一个新的类用于隐藏元素--新的引导程序(当前为4.4.1)：“d-隐藏”。不幸的是，.toast()没有删除它，所以您必须这样做：
var showNotification = function(){
$('.toast').removeClass('d-none').toast({delay: 5000}).toast('show');
setTimeout(function(){
$('.toast').addClass('d-none')},
6000);
}等待一秒来添加类，只为了让淡出转换完成。不是完美无缺而是完成了任务。
Stack Overflow用户
发布于 2020-04-16 17:16:32
我发现这个效果很好。
$("#myToast, #myToast2, #myToast3").on("show.bs.toast", function() {
$(this).removeClass("d-none");
})
$("#myToast, #myToast2, #myToast3").on("hidden.bs.toast", function() {
$(this).addClass("d-none");
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56028939
复制相关文章
相似问题
腾讯云开发者
