2011-11-06 1 views
3

tumblr에서 태그의 모든 콘텐츠를 자동으로로드하는 스크립트를 구현하려고합니다. 코드는 다음과 같습니다jQuery .get> 페이지에 div 추가

if (is_int($("#page-count").text())) {totalPages = parseInt($("#page-count").text())}; 
for (pageCount=2; pageCount<=totalPages;pageCount++) { 
    $.get("/page/" + pageCount, function(data){$('#test').append($('data > #gallery')}); 

} 

문제는 내가 $를 사용하여 #gallery의 콘텐츠를 선택할 수 있다는 것입니다 ('데이터> #gallery') (또는 적어도, 내가 완전히 잘못을하고있는 중이 야). 누군가 그것을 제대로 선택하는 방법에 대한 힌트를 줄 수 있습니까?

+0

전체 데이터 응답이 있으면 Matt의 대답이 올바른 것처럼 보입니다. 부가 메모에서 숫자 ID는 html에서 유효하지 않으며 성가신 버그를 유발할 수 있습니다. – roselan

+0

아니요, 숫자 ID를 사용하지 않습니다. 내가 요청을 보내면, 나는 정규 html 페이지를 얻는다. #gallery는 본문의 어딘가에 중첩되어 있습니다. 여러분이이 문제를 해결하도록 도와 줄 수있는 방법이 있습니까? 나는 정말로 그것이 작동하지 않는 이유를 모른다. – Blackie123

+0

나는 document.write ($ ('# gallery', data))를 시도했다; > 그것은 객체라고 말합니다 – Blackie123

답변

2

좋아, 그래서 답 중 하나를 사용 못했고, 대신에 나는 내가 전에 HTML 주석을 추가하고 콘텐츠를 후 내가 사용하려는 경우, 나는 이런 식으로 작업을 수행 할 수 있음을 발견 :

for (pageCount=2; pageCount<=totalPages;pageCount++) { 
    $.get("page/" + pageCount, function(data){ 
     new_posts = data.split("<!-- posts-start --\>")[1].split("<!-- posts-end --\>")[0]; 
     $("#gallery").append(new_posts); 
    }); 
} 
0

data이라는 태그에서 #gallery을 선택하려고합니다. 물론 존재하지 않습니다. 이 시도 :

$.get("/page/" + pageCount, function(data){$('#test').append($('#gallery', data)}); 
+0

이것은 정말로 나를 위해 일하지 않습니다. (데이터) {$ ('# test'). append (data)}를 수행하면 전체 HTML을 추가하지만 div # gallery의 내용 만 선택하면 아무 것도하지 않습니다. – Blackie123

2

의 URL, 예를 들어, 사이에 공간이 있는지

$.get('/page/' + pageCount + ' #gallery', function(data){ 
    $('#test').append(data); 
}); 

주의를 사용해보십시오 /page/1 및 '#gallery' 이렇게하면 jQuery가 응답 내에서 #gallery을 검색하고 URL의 일부로 전달하지 않도록 지시합니다.

+0

어느 쪽이든 일해라 :) – Blackie123

+0

왜 안되니? 데이터가 비어 있습니까? – Andre

+0

아니요. 하지만 그것은 당신이 페이지/2/또는 페이지/2/# 갤러리를 요청했을 때 여전히 동일한 HTML 객체이므로 아무런 차이를 만들지 않습니다. – Blackie123