基础5清除灯箱不使用angularjs动态图像

时间:2015-08-07 18:26:22

标签: javascript css angularjs zurb-foundation-5

我试图将Zurb Foundation 5中的清除灯箱组件用于我的angularjs应用程序,但我还没有找到方法,示例代码在这里:

使用下面的代码我得到的是一团糟但它应该看起来像Foundation Clearing documentation

text

有人知道如何让它发挥作用吗?

2 个答案:

答案 0 :(得分:1)

在测试时扔了Uncaught ReferenceError: Modernizr is not defined 所以添加了http://www.modernizr.com/downloads/modernizr-latest.js,由foundation.js内部使用

根据documentation $(document).foundation();应该在</body>$(document).foundation();之前初始化Foundation脚本,因此移出角度范围。

示例:http://codepen.io/anon/pen/eNwGQq

答案 1 :(得分:0)

在这里添加我的2美分,因为bootstpping Modernizr可能很重,如果你只是使用它来摆脱基金会元素点击事件所传播的一些事件错误,那就特别多了。

但是!有一个解决方法。只需扩展一个空的Modernizr原型就可以清除基础错误,基金会点击事件行为也能正常工作。

let Modernizr = {};