Javascript 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

我正在网页中使用引导折叠控件。每当我点击链接时,它就会打开和关闭。我使用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">
    <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
引用,尝试一下。