div를 클릭하여 div의 내용 변경 [jQuery]

Question

내 웹 사이트의 포트폴리오 섹션의 내용을 변경하려고합니다. 프로젝트의 작은 미리보기가 포함 된 .portfolio_box라는 div가 있습니다 (각 프로젝트 div도 다른 ID를 가짐). 이 div (.portfolio_box)를 클릭하면 콘텐츠 div (#main_content)의 콘텐츠가 사라지고 해당 콘텐츠로 대체되기를 원합니다.

나는 the following tutorial을 발견하고 내 요구에 스크립트 조정 :

<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     $("#thomasschoof_old").click(function() 
     { 

      /*hide('fast', function() 
      { 
       $('#main_content').load(thomasschoof_old.html,'',showNewContent); 
      }); 

      var toLoad = $(this).attr('href')+' #main_content'; */ 
      $('#main_content').hide('fast',loadContent); 
      $('#page').append('<span id="load">LOADING...</span>'); 
      $('#load').fadeIn('normal'); 

      }); 

      function loadContent() 
      { 
       $('#main_content').load('thomasschoof_old.html #project','',showNewContent) 
      } 

      function showNewContent() 
      { 
       $('#main_content').show('normal',hideLoader); 
      } 

      function hideLoader() 
      { 
       $('#load').fadeOut('normal'); 
      } 
      return false;   


    }); 
</script> 

을하지만 사업부의 #thomasschoof_old 아무것도 클릭 할 때 발생합니다. 나는 jQuery 나 Javascript에 대해 많이 알지 못한다. 그리고 나는 그것을 알아낼 수 없다.

현재 웹 페이지를 볼 수 있습니다 http://jowannes.com/thomasschoof/portfolio.html

을 내가 사전에, 누군가가 나를 도울 수 감사합니다 희망! Thomas

Answer 1

문제는 외부 스크립트 파일 (jQuery)을로드하는 데 사용되는 스크립트 태그 안에 JS 코드를 작성했기 때문입니다. 당신은 그런 식으로 실행 된 스크립트를 사용하지 않습니다.

src :이 특성은 외부 스크립트의 URI를 지정합니다. 문서 내에 직접 스크립트를 포함하는 대신 을 사용할 수 있습니다. src 특성이 지정된 스크립트 요소의 태그에 스크립트가 포함되어서는 안됩니다. 에서

: https://developer.mozilla.org/en-US/docs/HTML/Element/Script

는 코드에 대해 별도의 스크립트 태그를 설정하거나 포함하여 두 번째 외부 스크립트 파일에서 무슨 일이 일어나는지를 참조하십시오.