0

これは私の最初の投稿です。私は 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">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</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

誰かがこの問題を抱えていましたか?それを解決する方法について何か考えはありますか?

前もって感謝します

4

0 に答える 0