我从Foundation Docs中获取了示例，并尝试在使用Ember.js模板框架的Handlebars.js项目中实现它。 （我几天前下载了最新的Foundation 4。foundation.js中的版本设置为4.2.2）
标记由几个嵌套的<div/>元素组成，按住dropdown和split按钮（这些<div/>元素都由模板进行处理并通过<div/>周围添加outlet个元素。但是，如果我点击下拉列表按钮，下拉列表会放在按钮的正下方，因为它应但如果我点击拆分按钮，下拉列表位于包含<div>元素的顶部。由于拆分按钮没有特殊的JavaScript文件，我不认为它必须对css模块的foundation.dropdown.js方法中的定位做一些事情，或者问题是否发生这里吗？
我在GitHub项目页面（问题#1789，问题#1634和问题#2241）上阅读了几个（已解决？）问题，但这些问题无法解决我的问题
有没有人遇到过同样的问题并且知道如何解决这个问题，或者有人提示吗？请让我知道！
很抱歉，但我省略了有关使用的前端框架的信息，现在添加了我在帖子顶部添加的信息。这是一个快速摘要
我使用 jQuery 代替Zepto，因为我必须支持 IE ， Ember.js 也依赖它，所以我不想加载jQuery 和 Zepto ......