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");
    });

我成功地被重定向到“家”，但div“保存成功”仍然隐藏。需要专家的帮助。如何在重定向后显示消息？

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);
});

触发器点击触发后的动作

1 个答案: