Javascript AJAX成功后如何关闭引导程序
我正在网页中使用引导折叠控件。每当我点击链接时,它就会打开和关闭。我使用AJAX将数据发送到PHP页面,并在成功后打印结果。AJAX调用后,Javascript AJAX成功后如何关闭引导程序,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我正在网页中使用引导折叠控件。每当我点击链接时,它就会打开和关闭。我使用AJAX将数据发送到PHP页面,并在成功后打印结果。AJAX调用后,数据切换应关闭。请看下面我的代码 <a data-toggle="collapse" href="#review" class="open-code btn btn-default">Write a Review</a> <div id="review" class="collapse code"> <for
数据切换
应关闭。请看下面我的代码
<a data-toggle="collapse" href="#review" class="open-code btn btn-default">Write a Review</a>
<div id="review" class="collapse code">
<form id="review">
my code...
</from>
</div>
我尝试了此代码,但不起作用:
$(this).find('.collapse').trigger('click');
您应该再次调用
a
元素上的collapse()
方法,提供'hide'
作为参数。试试这个:
$(this).find('.collapse').prev('a').collapse('hide');
还请注意,您可以对代码进行一些小的调整,使其遵循最佳实践。下面是一个完整的示例:
$(document).on('submit', '#review_post', function(e) {
e.preventDefault();
var $this = $(this);
var message = $this.find("#message").val();
var rating = $this.find("#input-2c").val();
var vendor_id = $this.find("#vendor_id").val();
if (message == '') {
alert('Please add your Message');
} else {
$.ajax({
type: "POST",
url: "/review_vendor.php",
data: {
message: message,
rating: rating,
vendor_id: vendor_id
},
success: function(data) {
$('#review_post').each(function() {
this.reset();
});
$this.find('.collapse').prev('a').collapse('hide');
$("#flash").append(data);
}
});
}
});
我想不起作用。崩溃不是正确的课程。请看我的html。啊,是的,你是对的。您需要在
a
元素上调用它。查看我的更新谢谢你纠正我的代码,但它仍然不起作用。我们可以在ajax调用后使用click事件单击链接。像那样?我对ajaxYou不太了解,但最好使用插件提供的方法。我做了另一个更改-在success
回调中使用$this
引用,尝试一下。