2012-01-13 2 views
8

많은 툴팁이 포함 된 html 페이지를 사용하고 있습니다. 동일한 툴팁에는 갤러리가 있습니다. 동일한 ID를 가진 여러 갤러리를 사용할 수 없기 때문에 갤러리 용 6 개의 다른 html 파일을 작성한 다음 갤러리를 기본 페이지로로드 할 계획입니다.jquery를 사용하여 div에 외부 HTML 파일로드

각 div에 대해 html 페이지를 조정해야합니다. .load를 시도했지만 작동하지 않습니다.

<div id="flrmain">need to call the html file inside this div.<div> 

도와주세요. 당신이 특정 div을 위해 필요한 경우

+2

'작동하지 않는다'는 의미는 무엇입니까? 아무 반응이 없습니다? 오류가 있습니까? 모든 콘텐츠가로드되지는 않습니까? 시도한 코드를 게시하십시오. – BartekR

+0

@ 소우 마야 - 작동 시키셨습니까? – Skyrim

+0

아니요 작동하지 않습니다. 외부 HTML (divctype/body/html 태그 제외)의 div 부분 만 추가했습니다. 아래 코드로 시도했지만 내 div 안에 html 페이지가 없습니다. $ .get ('timeless_op1.html') .success (function (data) { $ ('# flrmain') .html (data); }); – Sowmya

답변

16
$.get('test.html') 
.success(function(data) { 
    $('div.content').html(data); 
}); 

편집

, '#flrmain''div.content'를 교체합니다.

+0

'test.html'을 url로 대체하십시오 (쿼리 매개 변수를 지정할 수도 있습니다. 단지 jquery에서 문서를 체크 아웃하십시오). – Skyrim

+1

'.success'는 더 이상 사용되지 않으며 대신'.done'을 사용하십시오. https://api.jquery.com/jquery.get/ – commonpike

관련 문제