2014-09-17 6 views
0

coverflowjs 및를 함께 사용하면 상자에서 작동하지 않는 것 같습니다.Coverflowjs 및 Knockout

녹아웃 with binding으로 싸여있는 div에 coverflowjs을 구현하려고합니다.

몇 가지 테스트를 수행하기 위해 jsfiddle을 설정했습니다. 예상 기능 : 버튼을 누르면 placehold.it 이미지가있는 커버 플로우가 coverflow-noknockout css 클래스에 연결되어있는 것처럼 커버 플로우 방식으로 표시됩니다.

http://jsfiddle.net/bz8sczqr/21/

답변

1

확인이 : http://jsfiddle.net/gqLd381z/2/. 필요한 변경 내용은 다음과 같습니다.

self.displayCoverflow.subscribe(function() { 
    setTimeout(function() { 
     $(".coverflow").coverflow(); 
    }, 0); 
}); 

"with"바인딩은 조건이 true가 될 때만 해당 내용을 DOM에 추가하기 때문에 까다 롭습니다. Coverflowjs를 행복하게 만들려면 setTimeout(.., 0)을 사용해야합니다. 그러면 모든 것이 시작되기 전에 해결됩니다.