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にして逃げるという手。 まぁ、これでいいっか・・・