onclick点击将需要的内容传入弹框中

最新推荐文章于 2023-02-28 23:16:28 发布

CuteLulu_

最新推荐文章于 2023-02-28 23:16:28 发布

阅读量326

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/CuteLulu_/article/details/113245417

版权

该博客探讨了如何在点击事件 onclick 中利用 jQuery 将所需内容传递到弹框中。作者提及可能存在的问题及更优解，并引用了一篇关于 this 指向问题的文章作为参考。

摘要由CSDN通过智能技术生成

onclick点击将需要的内容传入弹框中

代码
- 效果
- - 不对的或者有更方便的方法请指教
  - 本文遇到关于this指向的问题参考文章：链接: [https://www.cnblogs.com/duck-ifox/p/5857545.html](https://www.csdn.net/)

代码

	.section a{
		color:#333;
		margin:0 20px;
	}
	.mode{
		display: none;
	}
	.mode-bg{
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background-color: #000;
		opacity: 0.3;
	}
	.mode-content{
		position:fixed;
		top:50%;
		left:50%;
		margin-top:-100px;
		margin-left:-250px;
		width:500px;
		height:200px;
		background-color: #fff;
	}
	.mode-content p{
		text-align: center;
	}
	.mode-content span{
		position: absolute;
		top:0;
		right:0;
		width:20px;
		height:20px;
		border-radius: 50%;
		text-align: center;
		line-height: 20px;
		font-size: 20px;
		color:#fff;
		background-color: #B4B4B4;
		cursor: pointer;
	}

<body>
	<div class="section">
		<p>
			<a href="#" onclick="mode(this)" data-time="14:05">
				<span>第一</span>
			</a>
			<a href="#" onclick="mode(this)" data-time="14:50&