[....] Jquery, CSS 관련 질문 ㅠ_ㅠ

다름이 아니라, div 영역으로 페이지를 구성했는데,

찾아보니 구닥다리 프레임과는 달리 해당 영역으로 HTML문서를 배치할 수는 없더군요;;

그래서 Jquery쪽을 뒤적여 보니, 이쪽에는 방법이 있는 것 같더라구요.

그래서...

$(document).ready(function(){

$('#링크 아이디').click(function(){

    $('#div아이디').load('가져올페이지');

});

});

라는 스크립트를 작성해서 썼는데.... 클릭을 하니까 그냥 div 영역이 통째로 없어지고

푸터부분이 바로 헤더 바로 아래까지 올라오더라구요;;;

혹시 메뉴를 클릭하면 특정 div 영역 안에 html 문서나, 

혹은 해당 html문서의 div영역을 불러올 수 있는 방법이 있을까요?

아니면 헤더의 /s!crip/s 에 등록된 js파일의 문제일까요;;

div를 한 문서에 몰아넣고 show, hide를 통해서 해보려고도 했는데,

이쪽도 소스를 모르겠더군요 ㅠㅠ... Jquery는 문외한이라..

많은 고수분들의 답변을 구걸해봅니다.. 저 좀 살려주세요.

 

[한랭건조]

????왜 load 메소드에 가져올 페이지가???
원본 소스가 어떻게 되죠??

load말고 html 메소드 사용해 보세요.

load는 이미지같은 객체 로드 완료된 후에 콜백 메소드로 사용합니다.

[Soul Scape]

으으... 제가 Jquery에 문외한이라 그런데...
위쪽 소스에서 수정할 부분이 어떻게 되는지 알 수 있을까요?
단순히 load 부분을 html로 수정하면 되는건가요? ㅠㅠ

[한랭건조]

예. 그렇게 해보세요.
$('.des').html("<div id='test'>노드 엘리먼트</div>");

이런식으로

[Soul Scape]

답변 진심으로 감사드립니다.. ㅠㅠ
$(document).ready(function(){
$('#링크 아이디').click(function(){
$('#div아이디').html("<div id=대상 div?'>html문서?</div>");
});
});

가 되는 건가요?

[한랭건조]

대상 div?
이부분이 애매 하네요. 정확히 어떤것을 가지고
오고 싶어 하는지 알아야 제대로 답변이 나올것 같습니다.

[Soul Scape]

어... 그러니까 현재 index.html에서 div를 통해 header 와 main, footer로 3등분한 페이지를 만들었고...
헤더의 메뉴를 클릭하면, main에 해당하는 div 영역에, 메뉴에 대응하는 html(소개하는 html문서 등)문서나,
그 문서 안의 div를 가져와서 배치하려고 합니다.

[한랭건조]

메뉴에 대응하는 문서를 가져오려면 ajax로 문서 가져와야 됩니다.
요새는 비동기로 그렇게 처리 하기도 하는데
일반적으로 그냥 <a href="http://list.co.kr/test">메뉴1</a>
과 같은 형식으로 페이지를 이동해 버립니다.

비동기로 문서 가져오면 이벤트 중첩등 처리 하기 엄청 까다로워 지고요.

[Soul Scape]

아... 역시 그냥 통째로 페이지를 제작하는 쪽이 낫군요.. ㅠㅠ

[날려진당]

$('#div아이디').append("<div'>원하시는 내용</div>");
해보시는것도..?

잘될지는 저도 허접이라서;ㅜㅜ

[날려진당]

아 근데 이렇게하면 누를때마다 늘어날거같네요;

[Soul Scape]

시도해보겠습니다. 감사합니다.

[댁마]

원본 파일소스가 어떻게 되어 있는지 모르겠지만 작성하신 소스가 맞습니다.
$(document).ready(function() {
$('#sub1').click(function() {
$('#main').load('main.html');
});
});
id="sub1" 클릭시 main.html 파일을 읽어와서 id="main" 안에 넣어 줍니다.

[Soul Scape]

실제로 하니까 main 안에 들어가야하는데 그냥 통째로 그 div 공간이 증발하더라구요.. ㅠㅠ
뭔가 다른 문제가 있는 모양입니다...

어떻게 해도 동작을 안하니... 역시 그냥 페이지를 새로 만드는 편이 좋겠네요.ㅠㅠ
답변 감사합니다.