个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在尝试动态显示引导警报 https://getbootstrap.com/docs/4.3/components/alerts/显示一条消息以接受使用 cookie，一旦用户单击“确定”按钮，警报消息就会消失，并且在该 session 期间不会再次向该用户显示。
不幸的是，我在引导站点上找不到允许以编程方式打开引导警报的文档。因此，每次刷新网站时，都会再次弹出警报。
<div class="alert fade show cookie-alert" role="alert" data-dismiss="alert">
<div class="container">
This website stores cookies. These cookies are used to collect information about how you interact with our website, we use this information to improve and customize your browsing experience. Read our <a target="_blank" href="http://assets.investnow.ng/InvestNow_TC.pdf" style="color:gray;font-weight:bold">terms and conditions</a> to learn more.
<button type="button" class="btn btn-danger btn-sm pull-right cookie-btn okbtn" data-dismiss="alert" aria-label="Close">OK</button>
</div>
</div>
最佳答案
请找到下面的代码
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<body>
<div class="alert alert-dismissible">
<div class="container">
This website stores cookies. These cookies are used to collect information about how you interact with our website, we use this information to improve and customize your browsing experience. Read our <a target="_blank" href="http://assets.investnow.ng/InvestNow_TC.pdf" style="color:gray;font-weight:bold">terms and conditions</a> to learn more.
<button type="button" id="alertClose" class="btn btn-danger btn-sm pull-right cookie-btn okbtn" data-dismiss="alert" aria-label="Close">OK</button>
</div>
<script>
$(document).ready(function(){
localStorage.setItem("acceptCookies", true);
$(".alert").hide();
if (typeof(Storage) !== "undefined") {
if (localStorage.getItem("acceptCookies")) {
$(".alert").show();
$("#alertClose").click(function(){
localStorage.setItem("acceptCookies", "accepted");
$(".alert").alert("close");
});
}
}
});
</script>
</body>
</html>
关于javascript - 以编程方式打开 Bootstrap Alert，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58436537/
24
4
0
我如何在 HP Fortify SSC 上定义警报，只有在发现新问题或自上次扫描以来问题数量增加时才会发出警报。 我可以定义一个包含静态问题数量的警报，但每次警报数量发生变化时都需要手动更新，我想避免
由于未知原因，我的 Alert.alert 拒绝工作。我基本上是在重用之前工作的代码。获取错误: Exception NSArrayl length; unrecognized selector se
我的注销用户功能似乎根本不起作用。我在登录时通过警报调用它，但它似乎没有调用它。如果我尝试在末尾添加“()”，它只会给我一个错误。 loginUser = (email, password) => {
alert() 和 window.alert() 函数有什么区别？看起来效果一样。 最佳答案 因为 window 是全局对象，您可以通过简写调用 alert:alert( 'Hello!' ); 或通
我正在尝试整理此错误消息: Exception '-[_NSDisctionary0 length]: unrecognized selector sent to instance 0x7896412
有什么方法可以改变 JavaScript 中alert 或prompt 的外观吗？诸如添加图像、更改字体颜色或大小之类的事情，以及任何会使它看起来不同的事情。 最佳答案 扩展 Matthew Abbo
我正在尝试创建一个警报，以确保用户提交了正确的信息，如果单击“确定”而不是取消，则单击链接并 发送。我几乎已经实现了，警报激活，但如果单击确定则不会激活。不幸的是，我还不是 js 向导...... 编
看起来 AngularJS $window.alert() 和 Javascript alert() 是一样的。在什么条件下我们应该使用其中的哪一个？还是根本没有区别？ 最佳答案 这是一回事——Jav
我的应用需要在不同时间向用户显示一些信息。我决定使用 AlertControllers 但我不能同时显示两个 Alert Controllers。因此我需要知道是否显示了警报 Controller ，
在 Brad's tutorial Alerts 组件使用以下方式导出: export default withAlert(Alerts) 这导致了错误: The above error occurr
我正在使用 Twitter Bootstrap 3 并使用 jQuery AJAX 发送表单数据。这是我的代码: $.ajax({ type: $(form).attr('method
我遇到了 的问题(SSL 警报编号 46) 140097325019584:error:14094416:SSL routines:ssl3_read_bytes:sslv3 alert certif
我正在尝试使用 Alert React Native 中的组件以在 Android 和 iOS 之间创建一致的体验。我正在尝试运行示例警报。我导入了警报组件(为简洁起见省略了其他导入): import
考虑这段代码: var input = document.getElementById("hello"); input.addEventListener('blur', function() {
请检查代码， import { Alert, } from 'react-native'; checkForSendingOtp = () => { let hash = 'aBcDeG
我刚开始学习和练习 React Native，我遇到了第一个我自己似乎无法解决的问题。 我有以下代码，非常简单，但是当我在网络上运行时 Alert.alert() 不起作用。如果我单击该按钮，则没有任
在 Safari 浏览器中遇到一个问题，以下是我的场景(带示例)。 当我点击删除帐户的按钮时，我会打开警告消息。在该警报窗口中有两个操作“确定”和“取消”。如果我单击"is"，它将重定向到另一个 UR
使用 Cordova CLI 版本 5.4.1，平台是iOS，在 iOS 模拟器上运行 来 self 应用的 onDeviceReady处理程序，我正在调用一个函数来设置一个 Hook ，以便使用 n
我正在使用 selenium IDE。我需要验证在成功填写数据并单击保存按钮后显示的闪现消息。 我正在使用 assertText css=div.alert.alert-success × Succe
我有一个 .pfx 文件，在 Windows 客户端上使用时可以完美连接到远程服务器。我现在想使用 Linux 客户端连接到服务器。 问题 1) 我使用以下 openssl 命令从 pfx 文件中提取
我是一名优秀的程序员,十分优秀！