действие после срабатывания триггерного щелчка

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

Я успешно перенаправлен на «дом», но ДИВ «спас-успех» остаются скрытыми. Нужна помощь со стороны экспертов. Как я могу показать сообщение после перенаправления?

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