다시로드하지 않고 내용을 동적으로로드하십시오.

-1

전체 페이지를 다시로드하지 않고 내용을로드하려고합니다.다시로드하지 않고 내용을 동적으로로드하십시오.

이 코드에 어떤 문제가 있습니까?

또한 이러한 페이지간에 전환을 만드는 방법은 무엇입니까?

홈페이지에서 서비스를 클릭하면 페이드 인/아웃 효과를 만들고 싶습니다.

전 완전히 jQuery를 사용합니다.

다음은이 몸의 콘텐츠 내 코드

 <!DOCTYPE HTML> 
    <html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Untitled Document</title> 
    <link rel="stylesheet" href="css/main.css" type="text/css" media="screen"> 
    <!--[if lt IE 9]> 
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 
    <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script> 
    <script type="text/javascript"> 
     function updateContainer(url){ 
     dynamicCon = '#content';  
     ObjTag = $(dynamicCon); 
     ObjTag.load(url); 
     } 
     $(document).ready(function() { 
     $('a[rel="dynamicLoad"]').bind("click", function(event) { 
      url = $(this).attr('href'); 
      alert(url); 
      updateContainer(url); 
      event.preventDefault(); 
      event.stopPropagation(); 
     }); 
     }); 
    </script> 
    </head>

입니다 :

enter image description here