DIV 콘텐츠가 AJAX를 통해 새로 고침 될 때 jQuery 슬라이더가 작동하지 않습니다.

Question

나는 맨 아래로 갈 수없는 이상한 문제가 있습니다.

여기 내 페이지의 본문에 사업부를 업데이트하고 있습니다 : http://www.brianrhea.com/newportfolio.php

업데이트는 잘 작동하지만, 대상 페이지에 jQuery를 슬라이더하지 않는

를 (미리보기 이미지 중 하나를 클릭) 작업. 파이어 폭스 웹 개발자 툴바에서 생성 된 소스를 볼 수 있으며 코드는 정확하지만 어쩌면 수행해야 할 일종의 새로 고침이 있을까요?

도움을 주시면 감사하겠습니다.

Answer 1

AJAX가로드 된 콘텐츠에서 슬라이더를 다시 초기화해야합니다. 난 당신이 $(document).ready() 내부에 다음 한주의 :

$(document).ready(function(){ 
    $("#slider").easySlider({ 
    auto: false, 
    continuous: true, 
    speed: 1, 
    numeric: true 
    }); 
}); 

당신은 당신의 loadpage 함수에 easySlider 초기화 코드를 추가해야합니다. 이는 페이지에 콘텐츠를로드해도 $(document).ready()이 트리거되지 않기 때문입니다. 슬라이딩 할 수있는 요소를 AJAX로 바꾸므로 슬라이더를 다시 초기화해야합니다.

또한 jQuery의 $.ajax 및 load() 기능을 사용하지 않고 AJAX를 사용하고 있지 않은 것으로 나타났습니다. 이것들은 AJAX를 통해 페이지의 일부분을 로딩 할 때 당신의 삶을 편하게 해줍니다.

$(document).ready(function() { 
    ajaxpage(); 
    }); 

와 두를 가지고 그것을 정의하고 있습니다 :

Answer 2

이봐, 매개 변수없이 ajaxpage 함수를 호출하고 ajaxpage(url, containerid) URL을하고 및 오류를 containerid 나타납니다

bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime() 

어떤 이유로 든 처음에 전화해야합니까?

콘텐츠를 folioWrap으로로드 할 때 대상 페이지에서 슬라이더가 작동하고 왼쪽 및 오른쪽 화살표가 작동하며 대상 페이지에서 항상 동일한 파일을 가리키고 있습니다 (새 콘텐츠가로드 될 때).) 그 이미지에 대한 클릭은 같은 페이지를 호출하고 아무것도 내가 아약스 호출을 볼 수 있습니다보기의 사용자 관점에서하지만 방화 광 콘솔에서 기본적으로 발생하지 않습니다 :

GET http://www.brianrhea.com/web-scwd.html?1294607162197 
GET http://www.brianrhea.com/web-scwd.html?1294607169235 
GET http://www.brianrhea.com/web-scwd.html?1294607170578 
GET http://www.brianrhea.com/web-scwd.html?1294607171257 

'다시 시작'의/재 초기화에 대한 필요가 없습니다를 이 플러그인은 당신이 그것의 내용을 바꾸지 않고있는 것을 보았습니다.

건배

G.