2012-04-25 3 views
2

jquery를 사용하여 div 컨테이너 안에 페이지 내용을로드하는 javascript 메소드를 만들고 올바르게 작동하지만 div 자체의 버튼을 클릭하면 새 페이지로 리디렉션됩니까?jquery를 사용하여 div 내에서 페이지로드하기

방법이다 그 :

<script type="text/javascript"> 
      $('a').click(function() { 
       var page = $(this).attr('href'); 
       $("#content").fadeOut('slow', function(){ 
        $("#content").load(page, function() { 
         $(this).fadeIn('slow'); 
        }); 
       }); 
       return false; 
      }); 
     </script> 

사람이이 문제를 해결할 수 있습니까?

+1

당신은 jsfiddle를 제공 ​​할 수 있습니까? – gopi1410

답변

2

당신은

$('a').live('click', function(){}); 

는 기본적으로 모든 태그도 새로 만든 것들에 바인딩 살고 작동합니다 대신이를 사용하는 경우 클릭을 사용하여 이후에 생성 된 페이지 loadnot 것들에 유일한 요소 선물을 결합하고 있습니다.

0

대신 iframe을 사용해야합니다. div와 같은 페이지를 사용하면 페이지를로드하는 것이 아니라 콘텐츠를로드합니다.

+0

하지만 iframe에서 fadeIn/fadeOut 효과를 유지할 수 있습니까? 중요한 일이기 때문에 –

+0

나는 잘 모른다. 너는 해결할 수있다. ^^. 결과 기다림 – TPL

관련 문제