注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

融智技术学院

融智技术学院163分站,为广大好友提供更多的帮助

 
 
 

日志

 
 

【JavaScript每日一问】使用了BackboeJS和HandlebarsJS,怎么添加基于CSS的图片?  

2014-03-21 16:28:52|  分类: JavaScript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

 

Q

我有一个backbone应用,我想使用一个icon图标显示“home”连接。

我使用了HandlebarsJS,所以我真的不知道怎么可以做到。

在其中我用了下面的代码:

  • <span class="font-entypo icon-home"></span>

而且在我的CSS中写了如下代码:

  • span.font-entypo.icon-home:before{content:'\2302'};

所以基本上我的菜单看起来是这样的:

  • <a href="home"><span class="font-entypo icon-home"></span></a>
    <a href="page1">page1</a>
    <a href="page2">page2</a>
    <a href="page3">page3</a> ....

现在我的HTML使用了HandlebarsJS

  • <a href="{{href}}">{{text}}</a>

而我的Backbone View类似于每个菜单项:

  • this.insertView(new ItemView({
        model:
    new Navigation.ItemModel({
        href:
    '#page1',
        text:
    'page1',
        triggers:
    'page1',
        route:
    this.route
        })
    }));

有人可以给些建议吗?先谢谢了

 

A:

简单的解决方式是添加一个类在你的模板中

  • <a href="{{href}}" class="{{class}}">{{text}}</a>

然后在你的模型中添加属性class : 'font-entypo icon-home'

  评论这张
 
阅读(6)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017