模板

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在这个应用的状态栏上面,用来切换显示任务的这个导航,需要一点 html 代码,我们可以把这个简单的导航放到页脚的模板上 ...

打开 index.html ... 打开定义页脚模板的地方 ... 用一组 ul 标签 .. 去定义一个无序的列表 ... 在这个标签上面,加上一个叫 filter 的 id ...

在它里面加上几个列表标签 ... 这些列表里面的东西就是链向对应的地址的链接 ... 第一个列表项目是链向应用首页的链接 ... 地址可以设置成一个 # 号 ... 链接上面的文字是 全部 ...

第二个列表项目里,链向的是显示未完成任务项目的地址 ... 这个链接的地址可以是 #/active ... 在这里,active 就是这个地址的的一个参数 ... 在后面我们会用到它 ... 链接上的文字是 进行中 ...

第三个列表项目可以是一个链向完成的任务项目的页面地址 ... 链接的地址是 #/completed ... 在这个地址,completed 是这个地址的一个参数 ... 同样我们会在后面用到它来判断要显示的任务项目 ... 链接上的文字是 已完成 ...

保存 ... 在浏览器里预览一下 ...

在状态栏上,会显示一个简单的导航 ... 上面有三个链接 ...

点击进行中 ... 访问的地址是 #/active ... 点击 已完成 .. 访问的地址是 #/completed ...

现在,打开这些地址,还不能去做什么 ... 在下面的视频里,我们再去创建一个路由器 ... 去处理一下访问这些地址的行为 ...

1:52
0:00
6:36
3:22
3:42
0:00
2:29
4:08

模板《 Backbone 应用实例 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点