동일한 페이지의 동일한 이름의 호스트 요소에 영향을 미치지 않고 외부 요소를 재로드 (jQuery의 .load를 통해)합니까?

Question

[처음에는 절대 초보자입니다. 내가 할 수있는만큼 나 자신을 표현하려고 노력했다. 문제를 해결해 주었다 ... 지금 : 나는 다음과 같은 문제가있다.]

div 요소를로드하고 있는데,이 클래스는 항상 ".gallery"클래스에서 (ID를 "오렌지"이 경우) 다른 페이지의 DIV에 ("? 페이지의 index.php 페이지 = 오렌지"이 예제) 페이지의 몇 다음 코드를 사용하여 :

$("#orange").load("http://example.com/index.php?page=orange .gallery");

각 사업부를 .gallery 내가로드, 몇 이미지의 집합입니다. 이들 사이에서 전환 할 수 있습니다 (".imgnavi"의 "이전"및 "다음"링크가 있음). 지금은 어떻게됩니까

$(".imgnavi a").live("click", function(ev) { ev.preventDefault(); ev.stopPropagation(); $(".gallery").load($(this).attr("href")); return false; })

: 새로운 페이지에 다른 div.gallery로드는 아무런 문제가 없지만, 최대한 빨리 (당신이 전환 할 수있는 각 사업부가 조금 갤러리입니다 그 div의 내부 탐색을 시작으로 이미지들 사이에 있음), 내가 전환하는 div.gallery가 문서의 다른 div.gallery에 갑자기로드됩니다! 어떻게 방지 할 수 있습니까?

Answer 1

iframe을 사용하십시오. iframe은로드 된 html을 캡슐화 (분리)하므로 반복되는 요소의 문제를 제거합니다.

Answer 2

html이 어떻게 레이아웃되었는지에 따라 다르지만 .load를 호출 할 때 $ (". 갤러리") 선택 결과를 필터링해야합니다.

당신은 두 번째 매개 변수로 부모를 지정하여이 작업을 수행 할 수 있습니다 (? .imgnavi), 또는 등 가장 가까운 부모