2011-01-20 2 views
2

저는 새 사이트에서 일하고 있습니다. 어리석은 문제 때문에 비틀 거리며 해결책을 찾지 못했습니다. 개념은 www.ontdek5.nl/index.php입니다. 페이지에 들어가면 내 subtile jQuery 효과가 페이지를 함께 슬라이드합니다. 탐색에서 사용자는 contentpart 만 다시로드해야하는 다른 페이지를 탐색 할 수 있어야합니다. 현재이 작동하지만 jQuery 효과가 실행되지 않습니다.ajax-page-load 후의 jQuery 효과가 발생하지 않습니다.

사용자가 다른 메뉴 항목을 클릭 할 때 jQuery 효과를 실행하려면 어떻게해야합니까? 콘텐트 열을 클립 인 (clip-in)하고 싶지만 이제는 초기 페이지로드에서만 발생합니다.

+0

jQuery에 능숙한 것처럼 보입니다. 왜 아직도 "구식"AJAX를 사용하고 있는지 묻습니다. AJAX GET –

+0

콜백 함수에서 모든 "애니메이션"을 실행할 수 있습니다. 빠른 결과가 어떻게 '흐르고'있는지보고 싶기 때문에 내 IDE에서 미리 정의 된 코드 펫으로 'old-school-ajax'를 가졌습니다. :) 칭찬을 보내 주셔서 감사합니다;) – Ben

답변

0

처럼 "The_Butcher"는 AJAX (

jQuery를 그에 대한 기능의 좋은 세트가 $.ajax()을 GET 후

당신은 콜백 함수에서 모든 "애니메이션"을 실행 할 수 말했다 , $.get(), $.post()). 각각의 jQuery의 AJAX 함수에는 HTML 로딩 코드를 넣을 위치에 선택적 콜백 함수가 포함됩니다. 다음은 코드 예제입니다.

$(document).ready(function(){ 
    //use the jQuery ajax function to get your HTML 
    $.get({ 
    dataType: "html", 
    url: "ajax.ServePage.php?pageID=" + pageID, 
    success: successFunction, 
    error: errorFunction, 
    }); 
}); 

function successFunction(data, textStatus, xmlHttpResponse) { 
    //code to update your HTML 
    $("body").html(data); 
} 

function errorFunction(xmlHttpResponse, textStatus) { 
    alert("Data load error"); 
} 

자세한 내용은 jQuery 설명서를 참조하십시오.

+0

바닐라 자바 ​​스크립트에서 이것을 보시거나 다른 것을 찾으세요? – RustyTheBoyRobot

관련 문제