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();

很简单。问题是 Carousel 应该何时启动，它使用 #myCarousel 链接访问 div 元素，然后 Backbone 尝试对其进行路由。所以，我得到默认操作：没有路线：myCarousel

有没有人有这个问题？关于如何解决它的任何想法？

提前致谢

4

0 回答 0