Bootstrap：向Modal传参

最新推荐文章于 2022-06-14 19:35:59 发布

lanying100

最新推荐文章于 2022-06-14 19:35:59 发布

阅读量2.5k

点赞数 1

分类专栏：技术文章标签： bootstrap

本文链接：https://blog.csdn.net/lanying100/article/details/107917022

版权

Modal，也称作"模态框"。最近刚接触Bootstrap，记录一下。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>向Modal传参</title>
	<!--1.添加到 <head> 标签中，并放置在所有其它样式表之前就行了。-->
	<link rel="stylesheet" type="text/css" href="bootstrap.css">
	<!--2.引入JQuery-->
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
</head>
<body>
	<!--
		data-toggle: 以什么事件触发，如modal,popover,tooltips等；
		data-target: 事件的目标；
		data-*:	要传递的数据的参数名，*可以随便写，比如data-id，data-name
	-->
	<!--第一个按钮-->
	<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" 
		data-whatever="第一个按钮传来的数据@mdo">Open modal for

最低0.47元/天解锁文章

lanying100

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Bootstrap：向Modal传参

Modal，也称作"模态框"。最近刚接触Bootstrap，记录一下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>向Modal传参</title>  <link rel="stylesheet" type="text/
复制链接

扫一扫