Twitter bootstrap 使用带主干路由的引导传送带
这是我的第一篇文章。 我对Bootstrap和Backbone还不熟悉,我试图把它放在一起。问题是,当使用图像“旋转木马”功能时,不知道如何处理正在调用的路由引导。这是典型的旋转木马:Twitter bootstrap 使用带主干路由的引导传送带,twitter-bootstrap,backbone.js,carousel,Twitter Bootstrap,Backbone.js,Carousel,这是我的第一篇文章。 我对Bootstrap和Backbone还不熟悉,我试图把它放在一起。问题是,当使用图像“旋转木马”功能时,不知道如何处理正在调用的路由引导。这是典型的旋转木马: <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" clas
<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>
很简单。问题是当转盘应该启动时,它使用#myCarousel链接访问div元素,然后主干尝试对其进行路由。因此,我得到了默认操作:No route:myCarousel
有人有这个问题吗?你知道怎么解决吗
提前感谢没关系,因为某种原因,我在url上使用了#myCarousel,所以刷新得很糟糕。谢谢,欢迎来到Stack Overflow。如果你发现一些对你有用的东西,请花一些时间发布你的问题的答案,以防其他人有同样的问题。好吧,问题是这样的:1。-我启动应用程序时没有正确加载引导程序。2.-当我用#myCarousel锚点击旋转木马控件时,它没有激活javascript代码,而是将#myCarousel添加到页面url中(我没有注意到)。3.-主干尝试路由URL,但未找到#myCarousel锚的任何内容。当我刷新页面时,我没有注意到我使用了错误的URL。深夜编程的愚蠢错误。确保引导正确加载,URL也正确,一切正常。
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();