これは私の最初の投稿です。私は Bootstrap と Backbone が初めてで、それをまとめようとしていました。問題は、画像の「カルーセル」機能を使用する場合、Bootstrap が呼び出しているルートをどう処理すればよいかわからないことです。典型的なカルーセルは次のとおりです。
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
....
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<img src="img/imagen0.jpg"/>
</div>
<div class="item">
<img src="img/imagen1.jpg"/>
</div>
...
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
バックボーン ルート:
var AppRouter = Backbone.Router.extend({
routes : {
'' : 'frontPage',
//Default
'*actions' : 'defaultAction'
}
});
var appRouter = new AppRouter;
appRouter.on('route:frontPage', function() {
var indexView = new IndexView();
indexView.render();
});
appRouter.on('route:defaultAction', function(actions) {
console.log('No route:' + actions);
});
Backbone.history.start();
ものすごく単純。問題は、いつカルーセルが開始され、#myCarousel リンクを使用して div 要素にアクセスし、次にバックボーンがそれをルーティングしようとするかです。したがって、デフォルトのアクションを取得します: No route: myCarousel
誰かがこの問題を抱えていましたか?それを解決する方法について何か考えはありますか?
前もって感謝します