1. 程式人生 > >layui.js 彈窗提示 (示例)

layui.js 彈窗提示 (示例)

HTML 檔案必須引入這兩個 js 檔案

<script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script>

<script type="text/javascript" src="./js/layui/layui.js"></script>

----------------------完整程式碼(示例)--------------------------------

<!DOCTYPE html>
<html>
<head>
    <title>測試</title>
    <script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script>

    <script type="text/javascript" src="./js/layui/layui.js"></script>
</head>
<body>

</body>
<script>
	$('#btn').click(function(){
	
	    layui.use(['layer', 'form'], function(){
	        var layer = layui.layer,
	        form = layui.form;
	        layer.msg('沒有搜尋到相關成品!');
	    });
	    
	)}	    
</script>
</html>

這裡寫圖片描述



layui.use(['layer', 'form'], function(){
	            var layer = layui.layer,
	            form = layui.form;
	            layer.msg('請錄入半成品名稱',{
	            	icon: 1,
	            	time: 2000,
	            	end:function(){
						location.href='www.baidu.com';
					}
	            });
   });