我从Foundation Docs中获取了示例，并尝试在使用模板框架的Ember.js项目中实现它。Handlebars.js（我前几天下载了最新的Foundation 4，里面的版本foundation.js设置为4.2.2）
标记由几个嵌套<div/>元素组成，包含dropdown和split按钮（这些<div/>元素都由模板定义并通过Ember Magic添加，它在每个定义的 周围添加一个<div/>元素outlet）。但是，如果我单击“下拉”按钮，下拉列表将按原样放置在按钮的正下方，但如果单击“拆分”按钮，则下拉列表将放置在包含<div>元素的顶部。由于拆分按钮没有特殊文件，我认为它与模块方法中JavaScript的定位无关，还是这里出现问题？cssfoundation.dropdown.js
我在 GitHub 项目页面（Issue #1789、Issue #1634和 Issue #2241）上阅读了几个（已解决？）问题，但这些并不能帮助我解决问题。
有没有人遇到过同样的问题并且知道如何解决这个问题，或者有人有提示吗？请告诉我！
编辑
抱歉，我省略了有关使用的前端框架的信息，现在添加了在我的帖子顶部添加的信息。这是一个快速的总结
- 前端框架：Ember.js
- 模板框架：Handlebars.js
- DOM 操作框架：jQuery
我使用jQuery而不是 Zepto，因为我也必须支持IE，并且Ember.js也依赖它，所以我不想加载 jQuery和Zepto ......