學(xué)習(xí)文檔：https://www.layui.com/
1：先引入需要的相關(guān)的文件
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<!-- 彈框 -->
<script src="layer/layer.js"></script>
<script src="layer/extend/layer.ext.js"></script>
2：準(zhǔn)備一個(gè)新的頁面
3：小 demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#addAsset{
width: 100px;
height: 30px;
line-height: 30px;
background: #009F95;
color: #FFFFFF;
text-align: center;
}
</style>
</head>
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<body>
<div id="addAsset"><span>添加資產(chǎn)</span></div>
</body>
<!-- 彈框 -->
<script src="layer/layer.js"></script>
<script src="layer/extend/layer.ext.js"></script>
<script>
//添加資產(chǎn)
$("#addAsset").on("click", function() {
layer.open({
type : 2,
title : '添加資產(chǎn)',
area : [ '500px', '500px' ],
fix : false, // ?
content : '1.html',
end : function() {
dataTable.reloadTable();
}
});
});
</script>
</html>
實(shí)現(xiàn)效果：
原文作者：祈澈姑娘 技術(shù)博客：http://www.reibang.com/u/05f416aefbe1
90后前端妹子脊岳，愛編程辜窑，愛運(yùn)營(yíng)，愛折騰蹦骑。 堅(jiān)持總結(jié)工作中遇到的技術(shù)問題，堅(jiān)持記錄工作中所所思所見控乾，歡迎大家一起探討交流润绎。
