javascript - 触发点击后执行的操作

Question

我已经查看了这篇文章: Perform an action after trigger('click') finishes firing? 但到目前为止我尝试过的任何方法都不起作用。

假设我的页面中有这个菜单:

  <ul class="nav nav-tabs">
       <li role="presentation" id="home">
                <span>
                    Home
                </span>
            </li>

            <li role="presentation" id="user">
                <span>
                    User
                </span>
            </li>
 </ul>

当我单击“用户”选项卡时，我得到以下内容:

<button id="save-changes" role="button">Save it</button>
<form>
     <input type="text" id="nom" name="nom" placeholder="Your Name">
     <input type="text" id="prenom" name="prenom" placeholder="Your Surname">
     <input type="text" id="login" name="login" placeholder="Your Login">
</form>

提交数据后，我被重定向到“主页”:

   <div>
        <div class="breadcrumb">
            <div id="saved-success" style="display:none">
                 Data Saved successfully
            </div>
        </div>
        <div class="content-body">
             some stuff here...
        </div>

我希望 div“saved-success”内出现消息。 为了管理提交，我有这个 jquery 函数:

 $(document).on("click","#save-changes",function(){
     dataarray = array(
        login: $("#login").val();
        nom: $("#nom").val();
        prenom: $("#prenom").val();
     );
     $.post(getBaseUrl(true)+"/UserParam/saveUser",dataarray,function(){
        $("#home").trigger("click");
        $("#saved-success").css("display", "block");
    });

我已成功重定向到“home”，但 div“saved-success”仍然隐藏。需要专家的帮助。如何使消息在重定向后显示？

Answer 1

试试这个

$(document).on("click","#save-change",function(){
 dataarray = array(
    login: $("#login").val();
    nom: $("#nom").val();
    prenom: $("#prenom").val();
 );
 $.post(getBaseUrl(true)+"/UserParam/saveUser",dataarray,function(){
    $("#home").trigger("click");
    setTimeout(function(){
    document.getElementById("updated-success").style.display = "block";
    }},2000);
});