jquery ajax 페이지 콘텐츠 새로 고침

Question

div의 내용을 변경하기 위해 jquery Ajax 호출을 사용하는 경우 모든 기능이 제대로 작동하지만 div가 새로운 콘텐츠로 바뀌면 페이지가 약간 흔들리고 뷰 위치가 변경됩니다. 약간 변경되었습니다. 새로 고침을받는 콘텐츠는 아래에 표시되어 있습니다. 즉, 아약스 호출 후 html 응답을 의미합니다.

<div class="booksFrame"> 
<a href="Magazine/magazinedetail/magazine_id/3"><img src="XXXXXX" alt="Pachakuthira" title="Pachakuthira" /></a> 
</div> 
<div class="booksFrame"> 
<a href="Magazine/magazinedetail/magazine_id/43"><img src="XXXXXX" alt="Toms Classics" title="Toms Classics" /></a> 
</div> 
<div class="booksFrame"> 
<a href="Magazine/magazinedetail/magazine_id/34"><img src="XXXXXX" alt="The Sunday Indian (English)" title="The Sunday Indian (English)" /></a> 
</div> 
<div class="booksFrame"> 
<a href="Magazine/magazinedetail/magazine_id/26"><img src="XXXXXX" alt="Travel Plus" title="Travel Plus" /></a> 
</div> 
<div class="rightArrow"><img src="XXXXXX" alt="next" title="next" id="next2" onclick="javascript:nextTopseller(this);" /></div> 
<input type="hidden" value="6" id="page_number_topseller" /> 

my function for ajax call.

function latestArrivalNext(next) 
     { 
     $("#previous").css("display", "block"); 
      if($('#page_number').val()) 
      { 
       page = Number($('#page_number').val()); 
       page = page+1; 
       /*alert(page);*/ 
       $("#ajax_container").html('<img src="/public/images/loading.gif" />').fadeIn('fast'); 
      } 
      else 
      page  = 2; 
      $.ajax 
      ({ 
       type: "POST", 
       url: "index/scrollnewrelease", 
       data: "page="+page, 
       success: function(msg) 
       { 
       /*alert(msg);*/ 
       if(msg!=0) 
       { /*alert(msg);*/ 
        $("#ajax_container").html(msg).fadeIn('slow'); 
        $("#previous").css("display", "block"); 
       }else 
       $(next).css("display", "none"); 
       } 
      }); 
     } 

Answer 1

나는이 긴 백을 사용했다. 한번 시도해보십시오. 설명은이 방법으로 문제가 해결 될 경우

here이