2013-06-07 4 views
1

방금 ​​jQuery를 사용하여 첫 번째 웹 사이트를 완성했으며 이제 jquery를 사용하여 .content div에 콘텐츠를 추가하는 방법을 찾으려고합니다. 이 코드를 사용하려고하지만 분명히 올바르지 않습니다. 기본적으로 나는 그 (것)들에있는 내용을 가진 seperate 파일이 최상일지도 모르다, 그 후에 "jQuery를 사용하여 div로 .append()"그 (것)들을 적재한다 생각하십시오. 어떻게해야합니까? 지금이 코드를 사용하고 있습니다 :jQuery .append 및 window.location을 사용하여 별도의 .php/html 파일에서 div로 콘텐츠를로드하는 방법은 무엇입니까?

<div class="content"></div> 

    $('#about').click(function() { 
    $('.module1').show(600); 
    $('.content').animate({'width':'620'},600); 
    $('.content').append(
    window.location.href("about.php") 
    ); 
+0

'$를 내용을로드 .post()를 사용할 수있는 추가 ("about.php") '('내용을. '). 작동해야합니다. 왜 사이에'window.location.href'를 추가하고 있습니까? – Omar

답변

1

을 당신은 PHP에서

$('#about').click(function() { 
    $('.module1').show(600); 
    $('.content').animate({ 
     'width': '620' 
    }, 600); 

    $.post('about.php', function (data) { 
     $('.content').append(data); 
    }) 
}); 
+0

빠른 응답을 보내 주셔서 감사합니다! 코드를 시도했지만 작동하지 않습니다. 크롬이 요소 네트워크 XHR 오류를 검사합니다. about.php 파일을 한 줄의 test.txt 파일로 바꾸면 같은 오류가 발생합니다. – Sauceman

+0

나는 $ (". content")를 시도해 보았다. load ("test.txt"); 하지만 그 중 하나가 나던 중, 내 CSS가 .content에 방해가 될 수 있을까? – Sauceman

+0

알아 냈어! 테스트 서버에서 실행 중이 지 않았기 때문에 XHR 오류 (Access-Control-Allow-Origin)가 발생했습니다. xampp에 사이트를로드했으며 현재 작동 중입니다! – Sauceman