网页弹窗插件layer.js的使用

最新推荐文章于 2023-08-12 16:46:23 发布

默1451

最新推荐文章于 2023-08-12 16:46:23 发布

阅读量1.1k

点赞数

分类专栏：前端插件小工具

本文链接：https://blog.csdn.net/qq_19688989/article/details/74833802

版权

本文介绍了如何使用layer.js这一网页弹窗插件。首先从layer官网下载所需文件并放入项目目录，接着引入js文件，最后参照官方文档编写js配置语句以实现弹窗功能。

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

一、下载相关文件

http://layer.layui.com/

将所有文件放入项目目录下，包括extend和skin文件夹

layer的目录结构

二、引入js文件

三、编写js配置语句

 $('.showPopup').on('click', function(){
	 var str = "<form action='AddRemark' method='post'>"
	+"<table class='table table-striped table-bordered table-hover' id='editable' >"
	   +"<thead>"
		   +"<tr>"
			   +"<th style='text-align:center;vertical-align:middle;'>标题</th>"
			   +"<th style='text-align:center;vertical-align:middle;'>具体内容</th>"
			   +"<th style='text-align:center;vertical-align:middle;'>负责部门<