0

モバイル向けの優れたカルーセル スクリプトです。初期化後にカルーセルにスライドを追加する方法を見つけた人はいますか? 私の目標は、ユーザーが最後のスライド (「無限のカルーセル」のようなもの) に到達したときにアイテムを追加することです。

コード例を次に示します。

this.collection.each(function(pic){
    var slide = new PictureSlideView({model:pic});
    this.$('.slide-container').append(slide.el);
},this);

this.$('.swipe').Swipe({
    continuous: false
});

// this doesn't work:
var newModel = new Picture({...});
var newSlide = new PictureSlideView({model:newModel});
this.$('.slide-container').append(slide.el);

// insert awesome code to fix it here:
// ...
4

1 に答える 1

6

setup新しい要素を追加した後に関数を呼び出すことを発見したスクリプトソースを確認すると、次のように機能します。

私のコードは次のようになります。

this.collection.each(function(pic){
    var slide = new PictureSlideView({model:pic});
    this.$('.slide-container').append(slide.el);
},this);

this.carousel = new Swipe(this.el.getElementsByClassName('swipe')[0], {
    continuous: false
});

// append new slide
var newModel = new Picture({...});
var newSlide = new PictureSlideView({model:newModel});
this.$('.slide-container').append(slide.el);

// run the setup again
this.carousel.setup();
于 2013-06-13T12:52:53.380 に答える