jquery 循环插件：寻呼机不工作

Question

我在我的 web 应用程序中使用 jquery 循环插件和backbone.js。我正在我的 Backbone 视图之一中启动寻呼机。这是我现在的做法...

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});

这是我的视图模板，没什么奇特的：

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

这是填充后视图的外观：

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

现在，在 SlideListView 中使用的 el 是页面加载时为空。但是在填充视图后，我调用 jquery 循环插件来开始幻灯片放映。问题是幻灯片可以正常工作，但寻呼机却不能。没有 activeClass 被添加到分页器元素，如本演示中....

我在这里错过了什么？

Answer 1

我在此处找到了答案。确保包含 jquery.cycle.all.js，而不是 jquery.cycle.lite.js。