jQuery .load를 토글합니다.

Question

안녕하세요, 외부 HTML 파일을로드하려는 div content이 있습니다. 내 탐색 메뉴에서 링크를 클릭 할 때 :

 <div class="nav"> 
      <div class="logo"> 
       <strong> 
        <a href="index.html"> 
         <img src="images/logo.png" alt="Sam Jarvis logo"/> 
        </a> 
       </strong> 
      </div> 
      <div class="menu"> 
       <ul> 
        <li><a href="#home">HOME</a></li> 
        <li><a href="#about">ABOUT</a></li> 
        <li><a href="#work">PORTFOLIO</a></li> 
        <li><a href="#clients">CONTACT</a></li> 
       </ul> 
      </div> 
     </div> 

을 나는 링크 당 외부 HTML 파일에 페이드합니다. 집을 클릭하면 index.html이 사라집니다. 다른 페이지를 클릭하면 이전 페이지가 사라지고 새 페이지가 사라집니다.

현재 링크가 경고 상자를 표시하지 않는 이유를 모르겠습니다. . 내 메뉴 ul에서와 같이 jQuery를 사용하여 개별 링크를 어떻게 타겟팅합니까?

jQuery를 :

<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<!-- SCRIPTS --> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
      $(".menu ul li a").click(function(){ 
       alert("Execute"); 
      }); 
    }); 
</script> 

Answer 1

당신이 jQuery를 jQuery를 마이그레이션하지 포함하고 있기 때문에 그것은 작동하지 않습니다. 당신이 jQuery를 포함하면 잘 작동

http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js 

사용해보십시오 : jsFiddle example

jQuery Migrate 당신이 jQuery를의 최신 버전으로 기존 코드를 업데이트하는 데 도움이 jQuery 플러그인이다.

Answer 2

jQuery 참조를 추가하지 못했습니다.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<!-- SCRIPTS --> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
      $(".menu ul li a").click(function(){ 
       alert("Execute"); 
      }); 
    }); 
</script>