2011-03-11 2 views
1

임에로드 된 페이지에서 DIV로 페이지를 언로드 :로드 및 이미이 코드를 사용하여

<!--Page Loading Mechanism--> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('a.dynamicLoad').click(function(e) { 
      e.preventDefault(); // prevent the browser from following the link 
      e.stopPropagation(); // prevent the browser from following the link 


      $('#MainWrapper').load($(this).attr('href') , function() { 
      /* Content is now loaded */ 


     }); 
     }); 

    }); 
</script> 

상위 페이지의 탐색 메뉴를 사용하여 외부 페이지를로드 할 수 있습니다. 이제 탐색 버튼을 클릭하면 페이지가 잘로드됩니다.

자, 내가하려고하는 것은 자식 페이지의 버튼에서이 동일한 div에 다른 외부 페이지를로드하는 것입니다. 기본적으로 아이를 thew 페이지로 덮어 쓰려고합니다. 난 일반 < a href> 트릭을 할 줄 알았지 만 아무것도하지 않지만 메인 페이지로 새 페이지를 열어 부모 페이지를 대체합니다. 나는 그것을 원하지 않는다.

첫 번째 하위 페이지를 새 외부 페이지로 대체하는 방법은 무엇입니까? 첫 번째로로드 된 하위 페이지에 어떤 코드를 기록합니까?

내가 이것을 설명하는 가장 좋은 방법이므로이 모든 것을 혼동하지 않기를기도합니다. 이것은 물론, 당신을 위해 작동하는 경우에 아약스를 사용하여 OK 경우

+0

을 나는 완전히 혼란 스러워요, 그러나에 의해 "임은 기본적으로 Thew 보낸 페이지로 아이를 덮어 시도", 당신은 생각이 ajax를 사용하여 페이지의 내용을 가져오고 div에 responseHTML을 설정 하시겠습니까? – NikhilWanpal

답변

0

참조하십시오 ..

$.ajax({url:"url", 
     success : onSuccess 
}); 

function onSuccess(result){ 
$("#<id of div to be updated>").html(result); 
} 
+0

첫 번째 하위 페이지에이 코드를 넣을까요? – WillingLearner

+0

div에 내용을로드하려면 'click'이벤트에서 버튼 호출 인 경우이 함수를 호출하십시오. '$ ("LoadExternalPageButton")처럼. (function() {// 여기에있는 코드는}})'. – NikhilWanpal

+0

죄송 합니다만 그 코드는 나를 위해 일합니다 – WillingLearner

관련 문제