一个类似于android Toast的信息提示框

最新推荐文章于 2023-08-23 20:59:56 发布

weixin_30788239

最新推荐文章于 2023-08-23 20:59:56 发布

阅读量222

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发数据库 javascript ViewUI

原文链接：http://www.cnblogs.com/soup227/p/6039247.html

本文介绍了如何使用Bootstrap创建模态对话框，并通过JavaScript函数动态显示提示信息，适用于展示后台数据库反馈。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.引入bootstrap.css

<link rel="stylesheet" href="css/bootstrap.css"  type="text/css">

2.html

<div class="modal fade tipsAlertInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-body">
         </div>
      </div>
　　</div>
</div>

3.Javascript函数,根据传入的value提示相应的内容（一般用于提示后台数据库信息）

function tipsAlertInfo(info){
	$(".tipsAlertInfo .modal-body").html(info);
	$(".tipsAlertInfo").modal('show');
	setTimeout(function(){
		$(".tipsAlertInfo").modal('hide');
	},1000);
}

转载于:https://www.cnblogs.com/soup227/p/6039247.html