2011-11-25 1 views
0

제 webapp에 jquery cycle plugin과 backbone.js를 사용하고 있습니다. 내 백본보기 중 하나에서 호출기를 시작합니다.jquery cycle plugin : 호출기가 작동하지 않습니다.

다음
<script type="text/template" id="SlideViewTemplate"> 
    <%= name %> 
</script> 

뷰가 후에 채워지 보이는 방법은 다음과 같습니다 :

<div class="SlideNavi"> 
    <div>Service1</div> 
    <div>Service2</div> 
    <div>Service3</div> 
    <div>Service4</div> 
</div> 

여기에 내가 ... 지금 그 일을하고있어

var SlideView = Backbone.View.extend({ 
    template: _.template($('#SlideViewTemplate').html()), 
    initialize: function() { 
     _.bindAll(this, 'render'); 
     this.render(); 
    }, 
    render: function() { 
     return $(this.el).html(this.template(this.model.toJSON())); 
    } 
}); 

var SlideListView = Backbone.View.extend({ 
    el: $('#SlideNavi'), 

    initialize: function() { 
     _.bindAll(this, 'render', 'populate'); 
     this.render(); 
    }, 
    render: function() { 
     _(this.collection.models).each(function(item) { 
      this.populate(item); 
     }, this); 

     $('#Slideshow').cycle({ 
      fx: 'fade', 
      pager: '#SlideNavi' 
     }); 
    }, 
    populateChildren: function(slide) { 
     var itemView = new SlideView({ 
      model: slide 
     }); 
     $(this.el).append(itemView.render()); 
    } 
}); 
new SlideListView({collection: someCollection}); 

가 여기 내 뷰 템플릿, 공상 아무것도 방법 현재 SlideListView에 사용 된 el은 페이지가로드 될 때 비어 있습니다. 그러나보기가 채워진 후 jquery cycle 플러그인을 호출하여 슬라이드 쇼를 시작합니다. 문제는 슬라이드 쇼가 작동하지만 호출기가 작동하지 않는다는 것입니다. activeClass이 그림과 같이 호출기 요소에 추가되었습니다.

여기에 누락 된 부분이 있습니까?

답변

3

대답은 here입니다. jquery.cycle.lite.js이 아니라 jquery.cycle.all.js을 포함해야합니다.

+0

근본적으로 문제는 게시 된 코드와 아무런 관련이 없습니다. 페이저는 라이트 플러그인에서만 사용할 수 있습니다 :), 잘 알고 있습니다! – Sander