새로 고침 후 페이지를 동적으로로드합니다.

Question

동적으로로드 된 일부 앱이 있습니다. main.html

<div class="row"> 
    <div class="navbar span2"> 
     <div class="navbar-inner"> 
     <ul class="nav nav-pills nav-stacked"> 
      <li class="active span2" id="statistics">Статистика</li> 
      <li class="span2" id="LPU">ЛПУ</li> 
      <li class="span2" id="content">Состав</li> 
      <li class="span2" id="add">Добавить</li> 
      <li class="span2" id="addParticipant">Участника</li> 
      <li class="span2" id="addLPU">ЛПУ</li> 
      <li class="span2" id="addAdmin">Администратора</li> 
     </ul> 
     </div> 
    </div> 
    <div id="mainContent" class="span9"> 
    </div> 
</div> 

script.js 내가 #mainContent 페이지로드를 새로해야한다 ".deleteParticipant"버튼을 클릭에

$(document).ready(function(){ 
    $("#mainContent").load("statistics.html"); 
}).on("click","ul.nav-stacked> li", function(){ 
     if($(this).attr("id")!="add"){ 
      if($(this).attr("class")!="active"){ 
       $("ul.nav-stacked li").removeClass("active"); 
       $(this).addClass("active"); 
       var contentForLoad=$(this).attr("id")+".html"; 
       $("#mainContent").load(contentForLoad); 
      } 
     } 
     else{ 
      if(($(this).attr("class")!="active")&&($("#addParticipant").attr("class")!="active")&&($("#addLPU").attr("class")!="active")){ 
       $("ul.nav-stacked li").removeClass("active"); 
       $(this).addClass("active"); 
       $("#addParticipant").css("opacity","1"); 
       $("#addLPU").css("opacity","1"); 
       $("#addAdmin").css("opacity","1"); 
      } 
      else{ 
       $("ul.nav-stacked li").removeClass("active"); 
       $("#addParticipant").css("opacity","0"); 
       $("#addLPU").css("opacity","0"); 
       $("#addAdmin").css("opacity","0"); 
      } 
     } 
}); 

다음 I : 여기에 관련된 HTML과 JQuery와 코드의 조각이다 로드 된 동일한 콘텐츠 필요한 것을하기위한 가장 좋은 방법은 무엇입니까?

.on("click", ".deleteParticipant", function() { 
    var id={id:$(this).parent().parent().find('td#idOfParticipant').html()}; 
    $.ajax({ 
     url:"delete.php", 
     type: "POST", 
     data: id, 
     async: false, 
     success: function(data, textStatus, jqXHR) 
     { 
      console.log(data); 
     } 
    }); 
    location.reload(); 

Answer 1

작성한 삭제 버튼에 "history.go (0)"을 넣으십시오.

<INPUT TYPE="button" onClick="history.go(0)" VALUE="Delete/Refresh"> 

그것이 도움 :