기초 4 : 궤도 : 페이지로드 후 초기화 및 Ajax : 재 초기화

Question

(1) 프로젝트가 있으며 Foundation 4 (궤도)의 통합 슬라이더를 사용하고 싶습니다. 내 문제는 브라우저가 특정 방향으로있을 때만 슬라이더를 초기화 (또는 플러그인 시작)하고 싶다는 것입니다. 그래서 내 문제는 플러그인을 직접 시작하거나 초기화하는 방법이 필요하다.

나는이 같은 시도 :

$(document).foundation('orbit', 'start‘); 

을하지만 먼저 오른쪽 페이지 로딩의 처음부터 시작하고 두 번째는 내가 당신을 보여 주었다 코드 라인으로 시작되지 않습니다.

(2) 위 질문에 더하여, Ajax를 사용하여 궤도 콘텐츠 슬라이드를로드 할 수 있습니까? 아니면 이에 대한 다른 해결책이 필요합니까? 나는 슬라이더의 기능을 다시 초기화하는 것과 같은 것이 필요할 것이라고 생각한다.

Answer 1

난 단지 브라우저가

당신은 같은 것을 할 필요가 특정 방향으로있을 때 슬라이더를 초기화 (또는 플러그인을 시작) 할

:

if (screen.innerWidth > screen.innerHeight) { 
    // start orbit when the device is on a landscape mode 
    $(document).foundation('orbit').init(); 
} 

을

궤도 콘텐츠를로드 할 수 있습니까? Ajax를 사용하는 슬라이드

물론 콘텐츠를 추가 한 후에 궤도를 다시 초기화 할 수 있습니다. 다음과 같음 :

$("#yourSlider").append('<li><img src="url_of_the_image" /></li>'); 
$(document).foundation('orbit').init();