плагин цикла jquery: пейджер не работает - PullRequest
Новая
       1

плагин цикла jquery: пейджер не работает

0 голосов
/ 25 ноября 2011

Я использую плагин цикла 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>

Теперь el, используемый в SlideListView, пуст при загрузке страницы.Но после того, как представление заполнено, я призываю плагин цикла jquery, чтобы запустить слайд-шоу.Дело в том, что слайд-шоу работает, а пейджер - нет.activeClass не добавляется к элементам пейджера, как показано в этой демонстрации ....

Что мне здесь не хватает?

1 Ответ

3 голосов
/ 26 ноября 2011

Я нашел ответ более здесь .Обязательно укажите jquery.cycle.all.js, а не jquery.cycle.lite.js.

...