Layer彈出層閃退

使用layui踩過的1、2、3、4、5、6、7、8、9……次坑

問題：

• 將Layui的數據表格放到from表單中，數據表格中的按鈕（彈出彈出層）點擊後彈出層閃退 。。。

分析：

• 一開始以爲Layui的數據表格可能和form表單有衝突，或者彈出層哪裏設置不對，但是仔細檢查發現沒有寫錯，抱着試試的心態將數據表格和從前一樣放到form表單的外面，發現居然可以用了！
• 後來發現原來我複製過來數據表格的代碼中使用的是<button></button>標籤（之前form和數據表格是分離的），點擊的時候會觸發默認事件，而form的action我沒填，所以就是彈出層閃退……

解決方法：

• 將數據表格中的<button></button>標籤全部換成<a></a>標籤
• 修改先

  <form class="layui-form layui-form-pane" action="">
  	<div class="layui-form-item">
  		<div class="layui-inline">
  			<!-- xxxxxxxxxx -->
  		</div>
  		<div class="layui-inline">
  			<!-- xxxxxxxxxx -->
  		</div>
  			
  		<!--layui數據表格-->
  		<table class="layui-hide" id="teamTableId" lay-filter="teamTableFilter"></table>
  		
  		<div class="layui-inline">
  			<!-- xxxxxxxxxx -->
  		</div>
  		<div class="layui-form-item" style="position: relative; left: 498px;">
  			<button class="layui-btn" lay-submit="" lay-filter="form">提交</button>
  			<button type="reset" class="layui-btn layui-btn-primary">重置</button>
  		</div>
  	</div>
  </form>
  <!--表格頭部-->
  <script type="text/html" id="tablebar">
  	<div class="layui-btn-group layui-inline">
  		<button id="addstudent" class="layui-btn layui-btn-normal data-add-btn" data-method="addstudent">添加</button >
  	</div>
  </script>
  <!--自定義的列模板-->
  <script type="text/html" id="currentTableBar">
  	<button class="layui-btn layui-btn-xs data-count-edit" data-method="modifystudent" lay-event="edit"><修改</button >
  	<button class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">刪除</button >
  </script>
  

• 修改後

  <!-- xxxxxxxxxx -->
  
  <!--表格頭部-->
  <script type="text/html" id="tablebar">
  	<div class="layui-btn-group layui-inline">
  		<a id="addstudent" class="layui-btn layui-btn-normal data-add-btn" data-method="addstudent">添加</a>
  	</div>
  </script>
  <!--自定義的列模板-->
  <script type="text/html" id="currentTableBar">
  	<a class="layui-btn layui-btn-xs data-count-edit" data-method="modifystudent" lay-event="edit"><修改</a>
  	<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">刪除</a>
  </script>