jQuery 이미지 슬라이더가 페이지 슬라이딩 후 작동을 멈 춥니 다.

Question

처음 페이지를 열 때만 작동하는 jQuery 이미지 슬라이더에 문제가 있습니다! Ajax를 통해 3 개의 페이지 부분 (홈, 프리젠 테이션 및 연락처)을 포함하는 메인 페이지가 하나 있으며, 홈 부분에 이미지 슬라이더가 있습니다! 페이지를 이동하려면 오른쪽 부분을 포함하는 다른 jQuery 페이지 슬라이더를 사용하고 슬라이드 애니메이션을 재생하여 보여줍니다!

예를 들어 홈 페이지에서 프레젠테이션 페이지로 이동 한 다음 집으로 돌아 오면 이미지 슬라이더가 더 이상 작동하지 않으며 때로는 나타나지 않습니다.

어떤 의미입니까? 페이지 슬라이더가 전환을 완료 한 후 스크립트가 다시로드되는지 어떻게 확인할 수 있습니까? 문제는 그 것으로 생각됩니다.

$(document).ready(function() { 
    $('#slides').slidesjs({ 
    width: 700, 
    height: 300, 
    play: { 
     active: false, 
     auto: true, 
     interval: 3000, 
     swap: true 
    } 
    }); 

    $(".menuButton").click(function() { 
    var page = $(this).attr("id"); 
    var cont = $("#container"); 
    var cont1 = $("#container1"); 

    cont1.load("parts/"+page+".html", function() { 
     cont.hide("slide", {direction:"right"}, function() { 
     cont1.show("slide", {direction:"left"}); 
     }); 
    }); 
    }); 
}); 

감사합니다.

Answer 1

스크립트가 아약스에 의해로드 된 부분에 포함되어 있으면 스크립트가 실행되지 않습니다 (아약스로드 된 스크립트는 기본적으로 실행되지 않습니다). 따라서 기본적으로 성공 이벤트 이후에 스크립트에서 함수를 호출하면됩니다.