클릭시 다른 사람의 div에 동적 외부 콘텐츠로드

Question

다른 php 파일을 다른 onClick에로드하려고합니다. iframe은 접을 수있는 패널에서 콘텐츠의 크기가 변경되면 작동하지 않습니다. AJAX가 떠난다. 나는 여기 http://www.divethegap.com/scuba-diving-programmes-dive-the-gap/programme-pages/dahab-divemaster/divemaster-trainingA.php 그것을 테스트하고 가장 예상치 못한 결과를 얻을 수있다

<a href="#" id="getData">Get data</a> 
<div id="myContainer"></div> 
JS 

$('#getData').click(function(){ 
    $.get('data.php', { section: 'mySection' }, function(data){ 
     $('#myContainer').html(data); 
    }); 
}); 
PHP: 

<?php 
    if($_GET['section'] === 'mySection') echo '<span style="font-weigth:bold;">Hello World</span>'; 
?> 

코드

HTML의 조각을 주어졌다. 그것은 사파리의 아래쪽 막대에서 말했듯이 분명히 적당한 양의 물건을 적재하지만 3 개의 작은 달력을 볼 수 있습니다. 누구든지 내가 실수 한 곳을 볼 수 있습니까?

Answer 1

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/이 튜토리얼의 5 월은 준비 기능 $(document).ready(function(){..} 내부의 jQuery를 비트를 갖고 싶어 먼저 당신에게

Answer 2

먼저 일을하는 데 도움이됩니다. 테스트 페이지에는 상단에 이미 $('a[rel*=facebox]').facebox() 행이 들어있는 준비 함수가 있으므로 코드를 입력하고 싶을 수 있습니다.

두 번째로 링크가 기본 동작으로 이동하지 못하도록하고 싶습니다.이 동작은 URL '#'을로드하는 것입니다. preventDefault() 메소드를 사용하면됩니다.

나는 시험 다음과 같은 코드가 당신을 위해 작동합니다 확인 :

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#getData').click(function(event){ 
     event.preventDefault(); 
     $.get('test.php', { cat: 16 }, function(data){ 
     $('#myContainer p').html(data); 
     }); 
    }); 
});</script> 

당신은 자세한 내용과 jQuery's get function here의 예를 찾을 수 있습니다.