无法更改Bootstrap 5 toast上的选项

文章/答案/技术大牛

发布

1回答

javascript、html、twitter-bootstrap

我正在尝试使用Bootstrap 5，但我在吐司方面遇到了很大的困难。我想将默认延迟更改为5秒。The docs说你可以添加一个数据属性，这就是我所做的： <div id="successToast" class="toast d-flex align-items-center text-whitepopper.js@1.16.0/dist/umd/popper.min.js">&

浏览 23提问于2020-12-09得票数 0

2回答

无法让靴带吐司关闭或自动隐藏工作

javascript、jquery、bootstrap-5

我试图在我的ASP.NET web应用程序中实现引导5祝酒词，使用以下代码.">...我尝试了我能找到的所有组合，包括在初始化土司时设置选项

浏览 8提问于2022-06-08得票数 3

回答已采纳

2回答

尝试导入错误：'Toast‘未从'react-bootstrap’中导出

javascript、reactjs、bootstrap-4、react-bootstrap

import React from 'react'; return ( <Toast.Header</strong>

浏览 2提问于2020-04-23得票数 0

1回答

页面加载时的Boostrap 5 toast

javascript、html、twitter-bootstrap

我使用下面的代码在HTML和JS中显示页面加载的toast，  <div class"> <strong class="me-auto">Bootstrap

浏览 23提问于2021-08-20得票数 1

回答已采纳

2回答

我可以在reactjs中使用常规的引导吐司吗？

reactjs、bootstrap-4、bootstrap-5

我试着理解如何使用吐司，但我做不到，这就是我在这里寻求帮助的原因。为什么要使用reason引导而不是常规引导呢？我开始认为我不能在react中使用常规引导程序中的所有功能。

浏览 1提问于2021-06-08得票数 2

回答已采纳

2回答

向下滚动后在右下角显示吐司(引导5)

javascript、html、toast、bootstrap-5

使用类bottom-0 end-0 (至少以我使用它们的方式)没有达到我预期的结果。我想我不太了解css和定位方面的一些基本知识。 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap</e

浏览 2提问于2021-02-28得票数 4

回答已采纳

6回答

如何在引导5中用JavaScript初始化祝酒？

javascript、toast、bootstrap-5

我不能初始化Bootstrap 5 Toast。初始化吐司的按钮：我的JavaScripttoastbtn").onclick = function() { var toastElList = []

浏览 5提问于2020-08-21得票数 26

回答已采纳

2回答

无法读取引导5吐司中null (读取'defaultPrevented')的属性

javascript、reactjs、react-hooks、bootstrap-5

使用自定义钩子显示和隐藏吐司，当在toast组件按钮中调用showTost时，在外部使用此钩子时，即App按钮中出现错误时，它可以正常工作。TypeErrorToast.show https://izso9.csb.app/node_modules/bootstrap/dist/js/bootstrap.esm.j

浏览 15提问于2021-12-23得票数 0

1回答

“关闭”按钮在引导中不适用于Toast

bootstrap-5

我是v5的初学者，我发现关闭按钮在我的代码中并不适用于Toasts，尽管我只是从网站上复制了代码。这是我的密码<div class="toast-header"> <small>11 mins a

浏览 3提问于2022-09-15得票数 0

1回答

我使用的引导带-瓶(不是水瓶-启动带)与引导5。这个很好用。不过，我想用的是烤面包，而不是警报。但是，由于在保存时重新加载了烧杯页面，吐司的闪烁速度非常快，只有当我在javascript中将警告(“已保存”)放在它之前时，我才会实际看到它。javascript在javascript中将页面重新加载的时间延迟到足以看到吐司弹出的时间。因此，它正在显示，但在页面刷新时立即消失。我不明白为什么可以发送和显示警报，但祝

浏览 2提问于2022-07-01得票数 0

回答已采纳

1回答

即使在导入时引导也不适用

reactjs、bootstrap-4、react-bootstrap

我开始使用react bootstrap，但是classNames没有应用到我的Confirmation.jsx组件中吗？我已经使用yarn安装了bootstrap和react-bootstrap。我曾尝试将引导导入放入我的index.js和app.js中--不起作用，我也尝试了这两种方法 import '../node_modules/bootstrap/dist/css/bootstrap.min.css&

浏览 17提问于2021-11-19得票数 0

回答已采纳

1回答

如何在重定向到另一个页面时，在vuejs中添加引导5吐司(如表单提交)

javascript、vue.js、vuejs3、bootstrap-5

如何在重定向到另一个页面的同时在bootstrap5 vuejs中添加吐司。例如:当我们提交表单并重定向到另一页时，我想在该页上祝酒词，并给您留言已提交表格。

浏览 19提问于2022-01-30得票数 1

回答已采纳

2回答

未显示Bootstrap toast

javascript、jquery、html、css、bootstrap-4

我正在开发一个在HTML中使用bootstrap和javascript的网站。我正在尝试使用bootstrap网站中的以下代码添加一个toast： <div class="toast" role="alert" aria-live="assertive" aria-atomic://code.jquery.com/jquery-3.3.1.slim.min.js" integri

浏览 68提问于2019-06-08得票数 14

回答已采纳

1回答

从服务中发出的角引导警报

angular、bootstrap-4、bootstrap-5

我有一项服务，负责收听即将到来的事件。如果发生这样的事件，我想通知用户。目前，我正在使用alert()。有什么可以做的吗？(我也使用黄金，如果有什么东西，但没有材料) 因此，我真正想要的是一种“自定义警报”，每当我称alertService.alert(string)为弹出时就会出现。

浏览 10提问于2022-11-30得票数 0

回答已采纳

1回答

带引导带5的Vue.js (2.x)

javascript、vue.js、vuejs2、bootstrap-5

我试图在没有任何第三方库的情况下，在Vue (2.x)中使用Bootstrap 5。这个想法是为我想要使用的每个引导程序组件(不是全部)创建一个包装器。我使用以下SO线程作为基础： }); },</script>&l

浏览 0提问于2021-02-09得票数 1

回答已采纳

1回答

在ASP.Net核心Razor页面中添加Toast

c#、asp.net-core、razor、bootstrap-4、asp.net-core-mvc

目前，我正在用Razor构建我的第一个ASP.Net核心应用程序，当一个项目成功地添加到购物车上时，我会尝试在屏幕上添加吐司，cart是Add to Cart链接上的单击事件。我添加了逻辑，但没有像预期的那样工作。我跟着，下面是Index.cshtml，我想在这里展示祝酒词 <div class="toast-body"> Successfully addedon suc

浏览 2提问于2021-11-23得票数 0

回答已采纳

1回答

当访问者离线时，如何触发Bootstrap* Toast？*

javascript、twitter-bootstrap、progressive-web-apps、offline、toast

我有一个网站，与引导5主题工作，我想显示一个引导Toasts消息时，访问者离线。当前，#BTNofflineToast按钮触发#offlineToast如何编写JS代码？</div> </div> <script src="/bootstrap.bundle.min.js"></scri

浏览 1提问于2021-04-09得票数 0

回答已采纳

1回答

如何侦听TabLayout中的选项卡更改？

android、android-tablayout

事实上，我根据设计了我的代码Toast t = Toast.makeText(getActivity(),"You are exit from 1st tab",are exit from 2nd tab", Toast.LENGTH_LONG);有趣的是

浏览 2提问于2016-09-20得票数 2

4回答

Angular 11 Universal和Bootstrap* 5 Toast不工作-新的bootstrap TS2304:找不到名称'bootstrap'，已压缩*

angular、twitter-bootstrap、rendering、server-side、universal

我正在尝试实现Bootstrap 5 toast (css工作得很好)，但它不理解class new bootstrap： angular.json -已正确导入 "styles": "^5.0.0-beta3", "popper.js": "^1.16.1",我试图用初始的JS代码实现<

浏览 45提问于2021-06-11得票数 0

1回答

如何在表单提交后显示bootstrap* toast消息？*

forms、bootstrap-4、toast

在成功提交表单后，我尝试显示一条bootstrap toast消息。表单提交运行正常，在提交之后，onSuccess函数运行，但我得到以下错误： "TypeError：$(...).toast不是函数“ 我还尝试在页面加载上加载toast，但提供了相同的错误 javascript: console.log('Response received from API: ', result);

浏览 32提问于2019-09-08得票数 0

回答已采纳

点击加载更多