아약스를 사용하여 동적 크기의 페이지로드하기

Question

전폭 배경 이미지와 단일 페이지 부드러운 스크롤을위한 동적 크기의 div를 사용하는 사이트가 있습니다. 입니다.

사이드 바를 다시로드 할 필요가 없도록 about.php를로드하려고합니다.하지만 운이 좋지는 않습니다.

사이드 바에서 '정보'를 클릭하면 약 페이지가 올바르게 렌더링되지 않습니다. 컨테이너가 jquery를 무시하는 것 같습니다. 그들은 사이드 바 옆에서 엉덩이를 잡아야하지만, 그 밑에있는 배경 이미지를 제외하고는 지나쳐서는 안됩니다.

임 로딩이 스크립트와 페이지 :

$(document).ready(function() { 
var dropDown = $('.dropdown'); 
$('h3.about').on('click', function() { 
    dropDown.slideDown('fast', function() { 
     $('#index-wrap').load('about2.php'); 
    }); 
}); 
}); 

또한, 콘텐츠를 가지고 있지만 배경 이미지가 화면을 채우기 위해 해야하는하지 않는 div의 몇 가지를로드하지 않습니다.

$(document).ready(function() { 
var snapshotWrap = $('#snapshot-wrap'); 
var w = $(window); 
w.bind('load resize',function() { 
    snapshotWrap.css({ width:w.width(), height:w.height()}); 
}); 

});

$(document).ready(function() { 
var snapshotContent = $('#snapshot-content'); 
var w = $(window); 
w.bind('load resize',function() { 
    snapshotContent.css({ width:w.width() - 205 }); 
}); 

});

올바르게 jquery/ajax를 사용하여 페이지를로드합니까?

Answer 1

ajax가있는 페이지의 요소를로드 할 때 jquery가 해당 요소를 사용하려면로드 한 후 새 요소에 이벤트 처리기를 연결해야합니다. .on()에 대한 문서를 참조하여이를 수행하는 방법을 확인하십시오. 해당 페이지를 읽은 후에는 분명합니다. 다시 갇히게되면 새로운 질문을하십시오.

이 경우 about.php는,로드 여부 그것은 당신의 질문에서 명확하지

$("#object").on("click", function(event){ 
alert($(this).text()); 
});