동일한 DIV에서 Javascript 함수가 작동하지 않습니다.

Question

같은 div에 두 개의 Ajax 함수가 있습니다. 첫 번째 함수는 페이지가 완전히로드되고 ccslider 메서드를 호출하지만 두 번째 함수는 클릭 한 메뉴 ID를 확인합니다. 다른 페이지에 대해 동적으로 다른 내용을로드하는 메뉴입니다.

로드 된 콘텐츠 (예 : 그림)를 볼 수 있지만 불행히도 나는 ccslider에서 볼 수 없습니다. 슬라이더가 실행되지 않는 것 같습니다.

그러나 나는 그것을 테스트하면 swapContent() 함수를 제거하고 내 메인 페이지에 MySQL 쿼리가있는 PHP 코드를 배치하기 때문에 그림이 작동하는 ccslider 내부에로드됩니다.

이 문제를 해결하는 방법에 대한 힌트가 있습니까?

$(window).load(function(){ 
    $('#sliding').slider({ 
     _Options: { 
     imageWidth: 300, 
     imageHeight: 200 
     } 
    }); 
}); 

function swapContent(cv) { 
var url = "testing_cover.php"; 
    $.post(url, {contentVar: cv}, function(data) { 
     $("#sliding").html(data).show(); 
    }); 
} 

Answer 1

swapContent() 함수 내에서 다시 슬라이더 메서드를 호출해야 할 수도 있습니다. 이 시도.

function swapContent(cv) { 
    var url = "testing_cover.php"; 
    $.post(url, {contentVar: cv}, function(data) { 
    $("#sliding").html(data).show(); 
    $('#sliding').slider({ 
     _Options: { 
     imageWidth: 300, 
     imageHeight: 200 
     } 
    }); 

}); 

} 

Answer 2

사용중인 플러그인 종류에 대한 액세스 권한이 없지만 기능상 필요한 HTML 구조가 변경되었을 수 있습니다. #sliding 요소 안의 래퍼에 직접 HTML을 삽입 해보십시오.