我在按钮链接上添加了延迟功能
<button type='button' onclick="SubmitFormTab_1(event);" class='btn btn-next btn-fill btn-rose btn-wd tab1_btn btn_wait' name="next_<?php echo $Result_Q[1]->id;?>" id="<?php echo $Result_Q[1]->id;?>" disabled>
Next
<span class="btn-label">
<i class="now-ui-icons arrows-1_minimal-right"></i>
</span>
<img src="../../assets/loader-ajax.gif" id="ques_tab1-loader" style="display: none;"/>
</button>
代码
function SubmitFormTab_1(event) {
var qid = $("#qid2").val();
var submitid = event.target.id;
var options = [];
$("input[name='2[]']:checked").each(function () {
options.push($(this).val());
});
delay(function () {
$("#ques_tab1-loader").show();
$.post("fn_wizard_submit.php?submitid=" + submitid, {
qid: qid,
options: options
},
function (data) {
$("#ques_tab1-loader").hide();
$('#results').html(data);
});
}, 3000);
}
我尝试过,当事件发生时,延迟功能启动,并且还在按钮上显示一个加载器;当延迟功能结束时,加载器被隐藏,但其不起作用,并且记录未保存到数据库中