백본보기로 재생할 iscroll4를 가져올 수 없습니다.

Question

backbone.js 응용 프로그램에서 iScroll4를 사용하려고합니다. 동적으로로드 된 목록이 여러 개 있으며 적절한보기가로드 된 후 iScroll을 초기화하려고합니다.

목록 뷰가로드가 완료되면 '새 iScroll'을 호출하려고하는데, 실제로이 작업을 수행하는 방법을 알 수 없습니다.

누구도 함께 작업 할 수 있습니까? 일단 요소가로드되면 스크롤러를 초기화하는 백본보기의 예제가 있습니까?

Answer 1

당신이, 당신이 먼저 을보기를로드하거나 defenately 우리의 응용 프로그램에서 나중에

을 iscroll 새로 올바른 가지고, 우리는 일반적으로보기 를 렌더링하는 방법 렌더링 사용의 초기화를 처리하는 postRender 방법을 당신은 몇 가지 수동 작업이 필요

물론

iscroll 등이 추가 플러그인은 끝내야하지만이 그것의 요점입니다 : 지금

var myView = Backbone.View.extend({ 

    // more functions go here, like initialize and stuff... but I left them out because only render & postRender are important for this topic 

    // lets say we have a render method like this: 
    render: function() {    
     var data = this.collection.toJSON(); 
     this.$el.html(Handlebars.templates['spotlightCarousel.tmpl'](data)); 
     return this; 
    }, 

    // we added the postRender ourself: 
    postRender: function() {    
     var noOfSlides = this.collection.size(); 
     $('#carouselscroller').width(noOfSlides * 320); 

     this.scroller = new IScroll('carouselwrapper', { 
      snap: true, 
      momentum: false, 
      hScrollbar: false 
     }); 
    } 

}); 

호출의 이러한 방법 우리는 우리의보기 외부 이것은 우리는 몇 가지보기 관리자가이 을 처리하고자 않았다으로하지만 내용이로드되기 전에 당신이보기에 iScroll을 초기화 할 수 없습니다이

var col = new myCollection(); 
    var view = new myView({ collection: col }); 

    $('#wrapper').html(view.render().$el); // this chaining is only possible due to the render function returning the whole view again. 

    // here we always test if the view has a postRender function... if so, we call it 
    if (view.postRender) { 
     view.postRender(); 
    }