您可以在AJAX请求之前禁用提交按钮,并在收到服务器的成功响应时向用户显示消息。
由于我已经使用了bootstrap,我想要真正使用bootstrap notiifcations,以便在右下角显示一条消息我正在为表单发布创建一个插件。如何关闭模态uppon成功并显示notiifcaiton而不是aleart。
例如,包含类似
的内容<div class="alert alert-success alert-dismissible" id="points-success" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<strong>Success!</strong> Great! Your points have been redeemed.
</div>
在您的表单中,默认隐藏在css中,并在Ajax成功回调中显示它。
jQuery(document).ready(function(){
jQuery("#submit").click(function(){
var points = jQuery("#points]").val();
jQuery(this).prop("disabled", true);
jQuery.ajax({
type: 'POST',
url: MyAjax.ajaxurl,
data: {"action": "updateRedeemPoints", "points":points},
success: function(data){
jQuery("#points-success").show();
}
});
});
好的,所以使用它确实有效,但它将我的信息放在我的引导对话框下面,所以我想知道我将如何去做