鈍足ランナーのIT日記

走るのが好きな5流のITエンジニアのブログ。

趣味の範囲は広いけど、どれも中途半端なクソブロガー楽しめるWebアプリを作ってあっと言わせたい。サーバーサイドPerl(Mojolicious)、クライアントサイドVue.js。Arduinoにも触手を伸ばす予定。

bxsliderをbackbone.jsから使えたのだけど、複数のスライダーを使うとなると、うまくいかなくてどうにもならなかった

以下のようにモデルのレンダーで実装すると1つではうまく動いた。 2つ目をクラス名bxsliderとは別名でつくってやったんだけどうまく動かない。 そもそもbxsliderクラスというクラス名でないとスライダーが動かないような 気がする。bxsliderのサンプルでは特にクラス名の縛りはないはずなんだけど。

    render: function() {
      $('#equipments_view').empty();
      this.collection.each(function(equipment) {
        var equipmentView = new EquipmentView({model: equipment});
        this.$el.append(equipmentView.render().el);
      }, this);
      if (bxslider) {
          bxslider.destroySlider();
          bxslider = $('.bxslider').bxSlider(); 
      }
      else{
          bxslider = $('.bxslider').bxSlider(); 
      }

      return this;
    }

もう、時間もないので。

妥協案

シングルページには1つのスライダーだけ配備して他は違うUIにして逃げるという手。 まぁ、これでいいっか・・・