当前位置: 首页 > 工具软件 > Ladda > 使用案例 >

Bootstrap中使用Ladda插件防按钮重复提交

薛华容
2023-12-01

首先引入插件

<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="dist/spin.min.js"></script>
<script src="dist/ladda.min.js"></script>
<a href="javascript:void(0);" id="saveGoods" class="btn btn-primary" οnclick="$('#goodsForm').submit();">保存</a>

在ajax请求前开始loading

var loading = $("#saveGoods").ladda(); 
loading.ladda('start');

请求完毕loading结束

loading.ladda('stop');


 类似资料: