파운데이션 궤도가 핸들 바가 작동하지 않습니다

파운데이션 궤도를 작동시키는 데 문제가 있습니다. 일반 HTML에서 호출 할 수 있지만 제대로 작동하지만 동적으로 생성 된 Handlebars HTML을 사용하려고하면로드되지 않습니다.파운데이션 궤도가 핸들 바가 작동하지 않습니다

페이지가 여기에 있습니다 : http://danheidel.github.io/resume-foundation/#art-contact 기능이없는 궤도 carosel 위에 있습니다, 기능 하나는 페이지 하단에 있습니다. 내가 부하에 대한 오류를 확인할 수 없습니다 https://github.com/danheidel/resume-foundation

그래서 난 궤도가 동적으로 템플릿 HTML에 발사되지 않는다고 생각 : 소스는 여기 (이 재단 그리드에없는 때문에 후자에 서식하는 것은 조금 터져이다). 누구든지 템플릿 작성을 위해 궤도를 잡았습니까?

핸들 막대에서 동적으로 생성 된 HTML은 다음과 같습니다. 내가 알 수있는 한, 모든 것이 올바르게 형식화되어 있습니다.

EDIT : 초기 페이지가로드 된 후 HTML 변경 사항을 가로 채지 않기 때문에 거의 확실하지 않습니다. JQuery post-load를 사용하여 적절한 HTML로 div를 수정하고 Orbit이이를 가로 채지 않았 음을 테스트했습니다. 누구나 궤도에 사후 하중을 발사하는 방법을 알려 줄 수 있습니까?

 <div class="panel" id="minor-panel"> 
      <h3>Contact</h3> 
      <ul data-orbit=""> 
       <li> 
        <img src="img/contact part3_lbox.jpg"> 
        <div class="orbit-caption">caption 1</div> 
       </li> 

       <li> 
        <img src="img/contact part4_lbox.jpg"> 
        <div class="orbit-caption">caption 1</div> 
       </li> 

       <li> 
        <img src="img/contact part5_lbox.jpg"> 
        <div class="orbit-caption">caption 1</div> 
       </li> 

       <li> 
        <img src="img/contact part6_lbox.jpg"> 
        <div class="orbit-caption">caption 1</div> 
       </li> 
      </ul> 
    </div>

출처

2013-07-17 DanHeidel

아쉽게도 스택 오버 플로우를 나타냅니다. :( 은 어쨌든, 나는 JS를 통해 파고 대답은 그냥를 호출 할 발견 :.. 각 HTML 업데이트 후

Foundation.libs.orbit.init();

를하고 제대로 슬라이더를 포맷합니다

출처

2013-07-17 18:18:37 DanHeidel

파운데이션 궤도가 핸들 바가 작동하지 않습니다

답변

관련 문제