IE7和IE7 8 使用下划线模板填充 html 时悬停状态不起作用
使用下划线模板引擎时是否有其他人遇到 IE 悬停状态不起作用的问题。 IE7 和 8 不显示悬停状态。如果我删除 _.template() 方法并直接将 html 放入而不是动态地放入,则一切正常。
这是我的下划线模板设置 我还使用主干来存储将更新模板的数据,使用 this.model.toJSON()
var template= _.template( $("#mytemplate").html() );
this.el.html( this.template( this.model.toJSON() ) );
更新: 我把它去掉了,我注意到即使我不使用下划线而只使用 jquery html()
方法,它也不起作用。例如:
this.el.html( $("#mytemplate").html() );
这是我的模板代码。
<script id="mytemplate" type="text/template">
<div class="content">
<a href="http://www.cnn.com">Testing Rollover</a>
</div>
</script>
还有其他人遇到过这个问题吗?
Has anyone else had issues with IE hover states not working when using underscore template engine.
IE7 and 8 do not show hover states. If I remove the _.template() method and just put the html in directly instead of dynamically it all works.
here is my underscore template setup
I'm also using backbone to store my data that will update the template with, using this.model.toJSON()
var template= _.template( $("#mytemplate").html() );
this.el.html( this.template( this.model.toJSON() ) );
UPDATE:
I stripped this down and I have noticed that even if I don't use underscore and just use jquery html()
method it also doesn't work. for example:
this.el.html( $("#mytemplate").html() );
here is my template code.
<script id="mytemplate" type="text/template">
<div class="content">
<a href="http://www.cnn.com">Testing Rollover</a>
</div>
</script>
Has anyone else had this problem.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
ie8 不能很好地处理下划线;这应该修复 ie8
var template= ((.template( $("#mytemplate").html() ) ));
您可以在这里引用它: https://gist.github.com/39ac06be6abc96c8a69e
ie8 doesn't play nicely with underscores; this should fix ie8
var template= ((.template( $("#mytemplate").html() ) ));
you can reference it here: https://gist.github.com/39ac06be6abc96c8a69e