页面加载时的Boostrap 5 toast
页面加载时的Bootstrap 5 toast是指在页面加载完成后，使用Bootstrap 5框架中的toast组件来显示一条简短的消息提示。
Toast是一种轻量级的通知组件，用于向用户显示短暂的消息或提醒。它通常以弹出窗口的形式出现在页面的某个固定位置，比如屏幕的右上角。Toast消息可以包含文本、图标和关闭按钮。
Bootstrap 5是一种流行的前端开发框架，它提供了丰富的CSS和JavaScript组件，用于快速构建响应式的网页和Web应用程序。Toast是Bootstrap 5框架中的一个组件，用于在页面加载时显示一条简短的消息提示。
页面加载时的Bootstrap 5 toast具有以下特点和优势：
- 简洁易用：使用Bootstrap 5 toast组件可以轻松地在页面加载完成后显示一条简短的消息提示，无需编写复杂的JavaScript代码。
- 自定义样式：Bootstrap 5 toast组件提供了丰富的样式选项，可以根据需求自定义消息框的颜色、背景、位置等样式。
- 响应式布局：Bootstrap 5 toast组件可以自动适应不同屏幕大小，确保在各种设备上都能正常显示。
- 交互性：Toast消息框可以包含关闭按钮，用户可以点击关闭按钮来关闭消息框。
- 可定制性：开发人员可以通过JavaScript代码控制toast消息的显示和隐藏，实现更复杂的交互效果。
页面加载时的Bootstrap 5 toast适用于以下场景：
- 提示用户：可以在页面加载完成后使用toast消息框向用户展示一条重要的提示信息，比如系统更新、新功能介绍等。
- 引导操作：可以在页面加载后显示toast消息框，引导用户进行某些操作，比如注册、登录、购买等。
- 反馈信息：可以在页面加载后使用toast消息框向用户提供操作结果的反馈信息，比如提交表单成功、操作失败等。
腾讯云提供了一系列与云计算相关的产品，其中与页面加载时的Bootstrap 5 toast相关的产品是腾讯云的消息队列 CMQ（Cloud Message Queue）。CMQ是一种高可用、高可靠、高性能的消息队列服务，可以用于在分布式系统中进行消息的异步通信。开发人员可以使用CMQ来实现页面加载后发送toast消息的功能。
腾讯云CMQ产品介绍链接地址：https://cloud.tencent.com/product/cmq
相关·内容
虽然安装了Rails4html gem，但当我的页面加载boostrap3时，会显示html，然后应用引导程序，每次加载页面时都会很快发生这种情况。为什么在加载页面时不应用样式？
浏览 0提问于2018-02-01得票数 0
1回答
我正在使用Boostrap 5和这个Lightbox库
它在正常加载的页面上(通常是)运行良好，但不会加载AJAX加载的内容。
我尝试过让这段代码与AJAX一起工作，但是它没有工作。
$(document).on('click', '[data-toggle="lightbox"]', function(event) {
event.preventDefault();
$(this).Lightbox();
});
它返回了以下错误：
Uncaught：$(.).Lightbox不是函数
浏览 5提问于2022-01-22得票数 0
回答已采纳
我有一个Boostrap 4网站，我需要在UI上实现Toast。 这是我的样板模板： <!-- Toast -->
<div class="toast" id="myToast">
<div class="toast-header">
<strong class="mr-auto"><i class="fa fa-grav"></i> We miss you!</strong>
<sm
浏览 22提问于2019-08-27得票数 0
回答已采纳
我正在试着在Boostrap中优化我的网站的移动版本。我有一个div，它在我的页面上占用了很多空间，我希望能够在页面加载时隐藏这个div，以获得991px或更小的屏幕宽度。我想给用户当点击一个按钮时显示div的选项。我希望这个div出现在屏幕宽度大于992px的页面加载。
我想知道Boostrap是否提供了一种在不使用额外JavaScript的情况下这样做的方法，如果是，如何做到这一点。如果不是，那么实现我想要的最好的方法是什么？
<div class="mydiv">
I want to be hidden on page load for screen
浏览 1提问于2015-03-09得票数 0
我需要帮助隐藏/折叠导航栏后，在一个锚点登陆页面。 我在Bootstrap 4.x上使用了这个脚本 <script type="text/javascript ">
$(document).on('click', '.navbar-collapse', function(e) {
if ($(e.target).is('a')) {
$(this).collapse('hide');
}
});
</script&g
浏览 46提问于2021-06-29得票数 0
回答已采纳
1回答
我在数据库里有三张桌子。
客户表。项目表。商品订购台。
我想使用#boostrap模式进行搜索，也就是说，当我想向order表单中添加数据时，已经有一个按钮来显示#boostrap done，而在该模式中，有数据项以表格的形式出现，而在表中的数据搜索文本已经完成。但当我提交模态搜索按钮时，当我想要查找数据时，就会出现问题，因为我理解它，因为当我们提交时，我们会加载/刷新页面，从而丢失模型。我想问的是，当我寻找关于这个#模式的数据时，如何防止这个#模式丢失？
浏览 3提问于2021-02-09得票数 0
我的目标是能够让吐司出现在屏幕角落里我的内容上方。我使用的是asp.net MVC core2，它带有已经设置好的bootstrap4。我的其他bootstrap程序运行正常。 为此，我查阅了各种教程，特别是this one。 我粘贴了这些示例代码中的任何一个，toast出现在页面上，但不透明度设置为0，因此它是不可见的(根据.toast的boostrap css类)。 它提到“你必须自己初始化它们”，但没有解释初始化它们是否会将不透明度设置为1。 在底部有一些代码，javascript，但不清楚你是否需要它。考虑到初始化注释意味着您需要调用这些方法中的一个或多个，我在页面底部的脚本标记中添
浏览 74提问于2019-05-24得票数 1
回答已采纳
我有AspCore5.0RazorPage和一个表，表示例如来自数据库的消息。有几个表放置在几个标签(Boostrap 4导航药丸)。每个记录都有一个用于修改消息的操作的图标：
<a asp-page-handler="ModifyMessage" asp-route-id="@item.Id" title="Modify message"><i class="fas fa-edit"></i></a>
该操作的代码隐藏看起来类似于：
public async Task<IAc
浏览 7提问于2021-04-23得票数 0
回答已采纳
我使用下面的代码在HTML和JS中显示页面加载的toast， <!-- Toast -->
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header">
<img src="..." class="rounded me-2" alt="...">
浏览 23提问于2021-08-20得票数 1
回答已采纳
我正在本地机器上开发django (1.4)应用程序。我正在使用python manage.py runserver运行内置开发服务器。在base.html中，我有：
<link href="{{ STATIC_URL }}bootstrap.css" rel="stylesheet" type="text/css" />
<script src="{{ STATIC_URL }}boostrap-dropdown.js" type="text/javascript"></script
浏览 2提问于2012-06-19得票数 2
回答已采纳
我正在尝试从我的一个页面访问boostrap.min.css文件，并得到以下错误
"NetworkError: 403禁忌- “
我在config.php file.And中加载了我的url助手，试图访问引导文件的路径，如下所示
class User extends CI_Controller{
public function index(){
$this->load->view('users/user_index');
}
}
查看user_index页面：
<?php
?>
<html
浏览 2提问于2016-05-20得票数 0
我想禁用Boostrap 3.0响应性，然后在iframe中加载一个页面(发票模板)。
我的iFrame HTML/CSS是：
<div class="row">
<div class="col-xs-12">
<iframe id="frame" src="http://my.app/template/one/pdf/html" frameborder="0" scrolling="no"></iframe>
<
浏览 0提问于2016-06-11得票数 0
我正在使用Bootstrap 4中的吐司，有一件事困扰着我：
如果我初始化toast
<div class="toast my-3" data-delay="2500">
<div class="toast-header text-dark">
//fill this later
</div>
<div class="toast-body text-dark">
//fill this later
</div>
浏览 50提问于2020-05-31得票数 0
当网页第一次加载时，我的引导标签和徽章就会从网页上消失，而使用我的三星galaxy s3，它们只有在我刷新浏览器窗口后才会重新出现。为什么会发生这种情况，我怎么才能在第一次加载页面时强制它们出现呢？我的标签和徽章不是空的，所以display none函数与此无关。
第一次加载页面时不显示的代码示例如下：
<span class="badge badge-important">info</span>
我也尝试过删除下面的内容，但没有成功
.label:empty,
.badge:empty { display: none; }
普通
浏览 2提问于2013-03-29得票数 5
我正在使用：
V3.1.1
Boostrap数据选择器
在我的网站上，用户可以交换语言。我需要更改日期选择器的语言，而不需要重新加载页面。我该怎么做？你有什么意见建议？
编辑
在开始时，我使用以下方法加载正确的语言：
$('#banDateOneReal').datetimepicker({
isRTL: false,
autoclose: true,
language: lang,
});
问题是在创建对象之后改变语言。假设lang是"en“，当用户单击一个按钮时，我想要"fr”。
非常感谢你的帮助
(我对我
浏览 2提问于2014-04-09得票数 2
回答已采纳
1回答
加载新页面后，工具提示不会消失
、、、、
我正在使用twitter boostrap为我的web应用程序实现工具提示(twipsy)
我的实现如下：
%li.friend
%a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"click to see xxxx's muse"}
%img{src: "<%= avatar_url %>"}
步骤顺序如下: 1)将鼠标悬停在头像上我要单击的头像上方会出现=>工具
浏览 0提问于2012-02-19得票数 2
回答已采纳
在我的网页视图中，我希望在页面加载时创建一个toast，并且当进度为100%时，我希望toast消失。实际上不起作用。这是代码
webview.setWebChromeClient(new WebChromeClient(){
public void onProgressChanged(WebView view, int progress) {
activity.setTitle("Loading...");
activity.setProgress(progres
浏览 1提问于2013-11-07得票数 0
我在boostrap 4中使用了fixed-bottom类，当没有内容或者内容少于整页时，可以将页脚放在底部。下面是来自bootstrap 4的固定底层类的CSS：
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
我的页脚看起来像：
<footer class=" fixed-bottom container">
<div class="row">
<div class
浏览 0提问于2018-05-07得票数 7
我已经使用sencha cmd构建了extjs5应用程序，我想在我的自定义hmtl页面中使用它。我有以下结构：
extjsapp
.sencha
app
build
ext
packages
......
bootstrap.js
bootstrap.json
app.js
.......
customapp
index.html
script.js
我想要做的是在我的customapp/index.html中，我请求bootstrap.js，它应该从extjsapp文件夹加载所有的包和ext。默认
浏览 3提问于2014-07-24得票数 3
我在我的项目~/Content和~/Script文件夹中安装了Boostrap v4脚本文件，但是当我的项目运行时，我的项目使用Boostrap v3！为什么，以及如何强迫它使用v4？
它是包含在UWP项目解决方案中的MVC 5项目。我已经将MVC项目升级为Bootstrap v4，它已经将所有的引导文件更新为v4。我不使用CSS预处理器。我的BundleConfig.cs没有变化，似乎加载了~/Scripts文件夹中的任何版本：
bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
浏览 0提问于2018-03-12得票数 0
1回答
我使用的引导带-瓶(不是水瓶-启动带)与引导5。
当我保存表单时，我可以使用render_messages宏来显示一个警告。
这个很好用。不过，我想用的是烤面包，而不是警报。
我尝试通过Javascript而不是使用flash来完成这个任务。这会在我按下提交按钮时触发。但是，由于在保存时重新加载了烧杯页面，吐司的闪烁速度非常快，只有当我在javascript中将警告(“已保存”)放在它之前时，我才会实际看到它。javascript在javascript中将页面重新加载的时间延迟到足以看到吐司弹出的时间。因此，它正在显示，但在页面刷新时立即消失。我不明白为什么可以发送和显示警报，但祝酒词却不能。
浏览 2提问于2022-07-01得票数 0
回答已采纳
我有一个使用Boostrap multiselect插件()的多选下拉菜单，如下所示
<select id="data" name="data" class="data" multiple="multiple">
<option value="100">foo</option>
<option value="101">bar</option>
<option value="102">bat</o
浏览 9提问于2011-08-06得票数 56
回答已采纳
2回答
这就是我的东西 <a data-toggle="collapse" href="#collapsible-1">Digital</a>
<div id="collapsible-1">
HTML stands for HyperText Markup Language. HTML is the main markup language for describing the structure of Web pages.</a>
</div>
<a da
浏览 6提问于2014-01-21得票数 1
我正在尝试使用方法安装引导程序。我已经做了一段时间了，我想知道我是不是做错了什么？npm安装仍然包含在站点以及和页面上。
据我所知，使用保龄球已经被反对了。有严重的问题使用吞咽。任何帮助或链接到一个更新的教程将不胜感激。
在试图通过终端安装时发生了以下错误：
~/GitHub/GitSite $ npm install boostrap
npm WARN deprecated boostrap@2.0.0: Package no longer supported.
Contact support@npmjs.com for more info.
npm WARN gitsite@1.0.0
浏览 0提问于2018-04-25得票数 0
回答已采纳
1回答
如何从加载页面的位置知道
、、、
有可靠的方法可以知道我的页面在哪里被调用吗？我知道标题中有引用字符串，但它不可靠。
我正在构建一个包含一些元素(例如徽标)的页面，如果页面是由相同的上下文调用的，则应该加载这些元素，而如果外部调用，则不加载这些元素。我正在考虑在某个地方放置一个隐藏属性，可以在任何提交的href中使用，但我不知道更好的方法。
我用的是sitemesh和boostrap。
浏览 3提问于2015-02-10得票数 1
回答已采纳
我正在使用twitter boostrap，我想从另一个页面获取html，并将其加载到我当前页面的模式中。所以我创建了一个javascript函数来为我处理这个问题。
在我的“index.php”中，我有：
<button onclick="popIt('create_event.php', 'Create Event');" data-toggle="tooltip" data-placement="top" data-original-title="Edit" class="btn
浏览 1提问于2013-06-20得票数 2
我正在从一个静态站点创建我的第一个wordpress主题，该站点在CDN提供的Boostrap上运行。
请不要建议下载此项目的boostrap它需要通过CDN交付。
我想使用我的functions.php文件通过CDN加载boostrap，而不是加载它只是在加载页面的顶部显示文本(在检查器面板中没有明显的东西，也没有错误消息，它只是将functions.php中的信息显示为文本)。
我已经在header.php中包含了<?php wp_head(); ?>
来自functions.php的所有代码：
function my_scripts_enqueue() {
wp_re
浏览 0提问于2016-03-02得票数 0
我有一个div部分，其中包括我的数据库中的数百个表。
我遇到的问题是，当页面加载的时候，它真的很慢。所以你等了很长时间才把它装上。
有人能帮助我演示如何在我的div.中只加载可见区域吗？
注意:我不能使用Boostrap DataTable，因为我的行不像普通表那样包含头部和身体。
如有任何协助，将不胜感激。
浏览 3提问于2020-09-27得票数 1
4回答
好的，我在htdocs中有一个js文件，当我将它包含在我的php页面中时，它不工作，但是当我从网上加载它时，它工作了，我不知道它有什么问题。我有：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta ht
浏览 1提问于2013-10-09得票数 2
我在Boostrap dropdown中遇到问题。 请参阅www.beaba-bienetre.fr 尽管boostrap.min.js似乎在每个页面上都会启动，但下拉菜单(名为"Mon offre")仅适用于index.php页面。 有什么想法吗？ 谢谢，马修
浏览 3提问于2019-03-14得票数 0
回答已采纳
我一直在开发一个ASP.NET MVC 5 web应用程序，其中包含一个视图，该视图包含一个Raphael映像，该视图使用AJAX对控制器方法的调用来获取初始呈现的一些数据。当我在自己的机器上本地呈现页面时，一切都会按预期执行，页面将很好地加载。但是，当我将应用程序“发布”到测试服务器时，每当我试图加载页面时，AJAX调用都会命中“Error”函数。
经过一些研究，我能够通过将这个标记添加到布局页面来解决一些javascript错误：
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
但是，当
浏览 0提问于2015-04-08得票数 1
回答已采纳
我想在我的应用程序中使用块语句。我有个主题叫:靴带。如果只使用语句$this->element() statement加载没有问题，但是如果使用$this->start()和$this->end()，则无法加载元素。
我尝试为一个index.ctp创建一个名为TestsController的新文件，但是结果是一样的。我把$this->fetch('header')和$this->fetch('footer')放在这个文件中，什么都没有。
这只是我真正的结构的一个例子：
Themed\Boostrap\Layouts\defaul
浏览 4提问于2014-01-25得票数 1
回答已采纳
我的网站在本地主机上运行得很好，但是当我将代码上传到Azure云时，它不会加载boostrap.min.css，因为它的主题是没有加载
关于本地主机：
浅谈Azure站点
为什么它不获取站点上的引导主题？
浏览 4提问于2022-02-21得票数 0
3回答
当用户登录时，我试图使用登陆页面中的<p-toast>来显示通知消息。
<p-toast position="top-center" key="tc"></p-toast>
然后在我的组件中声明消息。
ngOnInit() {
// add toasts
this.messageService.addAll([
{key: 'tc', severity: 'info', summary: '30 Nov 2020', detail: 'Imp
浏览 0提问于2019-01-25得票数 5
回答已采纳
1回答
我有一个页面，在点击按钮后，页面开始加载，几秒钟后就会出现祝酒词。在寻呼机-加载程序或吐司消息消失后，我想单击另一个按钮，它带我到另一个页面。
在吐司消息出现之前，会有几秒钟的页面加载程序(“ajax-禁用请求加载器.”)使用以下代码：
<div class="footer">
<div class="footer-inner">
<small>Loading time: 0.91898512840271 / Memory usage: 2.77 MB</small>
浏览 1提问于2020-09-03得票数 2
回答已采纳
application
|-Payment
| | +--Item
| | +---Footer.php
| +--Manager.php
|-Boostrap.php
在application/Boostrap.php中，我想像这样初始化支付模块：
protected function _initPaymentManager()
{
$manager = Payment_Manager::getInstance();
$manager->registerHandler(new Payment_Item_Footer());
}
但是框架还没有加载支付模块。
浏览 1提问于2012-04-24得票数 1
回答已采纳
我使用的是UI Boostrap扩展()中的一个模块。该模块实际上是一个加载对话框，当一组web服务数据返回给我的Angular代码时，它会自动关闭。当此页面上的数据被自动加载时，对话框立即弹出。
当我第一次点击有问题的页面或简单地刷新它时，所有这些都很好用。当我转到更深的页面，然后尝试通过浏览器的后退按钮导航回原始页面(带有对话框)时，就会出现问题。尽管所有数据都已返回，并且模块的dismiss()调用已经完成，但该对话框始终不会消失。
我已经追踪到了打开对话框的承诺，它似乎是在dismiss调用之后发生的，但同样，只有在页面通过后退按钮加载时才会发生。dismiss调用永远不会关闭任何东西
浏览 0提问于2015-04-09得票数 13
1回答
我遵循这个，尝试在Node0.6.12和Express 2.5.8下配置推特的boostrap.less：
应用配置：
app.use(express.compiler({src: publicDir, enable: ['less']}));
app.use(express.static(publicDir));
样式表链接：
<link rel='stylesheet' href='/stylesheets/bootstrap.css' />
boostrap.less是bootstrap 2.02中的普通bootstrap.le
浏览 0提问于2012-03-28得票数 0
回答已采纳
注意:如果您未能在代码中发现任何缺陷或没有出现控制台日志错误，请参阅对建议答案的注释。
任何人有过烤面包的经验，请在以下方面提供帮助。我遵守上的指示。似乎在下面的代码之后，js被正确地读取(我猜)
import VueToast from 'vue-toast'
这是我第一次将css导入Vue组件。做了一些研究，我想我有vue-加载器，它应该包括vue风格的加载器作为提到的 (如果我错了的话是正确的)，我使用以下代码导入vue-toastr css
import '!!vue-style-loader!css-loader!vue-toast/dist/vue-
浏览 2提问于2017-02-12得票数 3
回答已采纳
我正在尝试使用StyleBundle将引导样式添加到现有项目中。同一捆绑包中的其他样式可以工作，但是引导程序样式不能。这是我的包：
bundles.Add(new StyleBundle("~/bundles/css").Include(
"~/Content/boostrap/boostrap.css",
"~/Content/boostrap/boostrap-responsive.css",
"~/Content/boostrap/boostra
浏览 1提问于2013-10-01得票数 0
我将此标记用于Boostrap accordion/可折叠面板。如何在页面加载时打开所有部分，而不是折叠？
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="
浏览 10提问于2017-02-17得票数 3
现在我正在学习Kotlin的前端，我已经创建了Kotlin React应用程序，使用
npx create-react-kotlin-app my-app
然后我尝试使用import导入Bootstrap，如下所示
@file:JsModule("node_modules/boostrap/bootsrap.js")
external class Boostrap {}
然后
在App.kt中，呈现函数
override fun RBuilder.render() {
div("container") {
app
浏览 3提问于2020-04-08得票数 3
现在我正在学习HTML5/CSS3/Bootstrap，我在网上发现我可以把我的静态站点伪装成一个php站点来部署到Heroku上。
我的站点可以在部署到Heroku时加载，但不能加载Boostrap/css文件。我看到了一堆403，特别是来自一个我称为供应商的文件夹，这个文件夹包含了我所有的引导文件。我认为Heroku没有足够的权限访问该文件夹。
来自Chrome Dev工具控制台的错误列表
在浏览了一大堆之后，我读到我可以包含用一些chmod命令填充的composer.json文件来解决这个问题。
我的composer.json如下所示：
{
"scripts"
浏览 2提问于2017-02-23得票数 1
2回答
最近，我尝试通过重写frontend_boostrap.css.scss来从Spree的前端删除Bootstrap的所有实例
我刚刚将这个文件包含在app/assets/stylesheets/spree/frontend/frontend_boostrap.css.scss中，并将其保留为空，但应用程序仍然加载bootstrap css。请指导我如何从前台移除这个。
浏览 1提问于2016-06-10得票数 0
当使用Bootstrap 5的本机JavaScript从SvelteKit路由内调用Toast时，会出现此错误.
Unhandled Promise Rejection: TypeError: Object is not a constructor (evaluating 'new Toast(toastDiv)')
我要做的是..。
<script lang="ts">
import { onMount } from 'svelte'
let title = 'Title of toast'
let b
浏览 3提问于2022-04-06得票数 1
假设我在网页上加载了google页面，然后我搜索了一些东西，
所以页面变了，在这个页面中有一个文本，我想在我的安卓应用程序中，在textView中使用下面的代码
webview.loadUrl("javascript:api.getSessionID(document.querySelector(bla bla bla)");
class JSInterface {
@JavascriptInterface
public void getSessionID(String id) {
Toast.makeTex
浏览 2提问于2019-07-15得票数 0
2回答
我正在使用带Boostrap和Booster的yii框架。在我的网页上，我需要使用jQuery版本1.9.1。当我把它包括进去时
$cs->寄存器($baseUrl)。(“/js/jquery-1.11.2.min.js”)
我开始得到各种各样的Jquery错误，例如jQuery(.)，.rating不是一个函数等等。
我需要包含jquery1.11.2，以便所有功能都能工作。我应该做什么，我试着禁用js加载在助推器，我尝试更新引导和助推我尝试把jquery文件放在我的页面的不同部分，但我的所有尝试都是徒劳的。请帮我找出问题所在
浏览 8提问于2015-05-12得票数 2
回答已采纳
我打算对Twitter Boostrap进行更改以生成我自己的主题，并希望有某种形式的小抄，显示调整样式和CSS的结果。
理想情况下，也许一个包含所有Twitter Boostrap元素的web页面会更好，而不是让Bootstrap文档将它们展开。
更好的做法是创建一个页面，其中包含各种元素的注释，以显示对variables.less文件所做更改的结果。
有没有人知道有什么我应该看看的资源？提前谢谢。
浏览 0提问于2013-04-25得票数 8
回答已采纳
1回答
我有个小问题..。我做了一个页面，上面有BOOTSRAP和Nivo滑块(jquery)。我使用boostrap作为基本样式和响应式设计(调整大小以适应移动设备、平板电脑等)。
但是，我的页面只有在Chrome下才会非常慢。我试着启动CSS3动画，Nivo滑块，但什么也没做…总是很慢。奇怪的是，如果我在页面上缩放一次(或取消缩放)，它就会变得非常平滑，就像正常的浏览一样。仅当我在加载后对其进行缩放/取消缩放...没有关于FF或IE的信息。
ANy点子？谢谢
浏览 0提问于2012-07-18得票数 0
1回答
我的工作与材料设计，我正在处理一个表单。我希望当表单在数据库中发送时，显示一个带有吐司的弹出窗口。
文档：
我试着创建一个这样的函数：
<script>
function test() {
var notification = document.querySelector('.mdl-js-snackbar');
console.log(notification);
notification.MaterialSnackbar.showSnackbar(
浏览 15提问于2017-08-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
