Css 基础4 -下拉位置好，但分裂按钮混乱

我从中选取了示例，并尝试在使用

handlebar.js

模板框架的

Ember.js

项目中实现它。（几天前我下载了最新的基础4。在代码<基金会的版本。js<代码>被设置为<代码> 4.2.2<代码>

标记由几个嵌套的

元素组成，按住

下拉列表

和

拆分

按钮（这些

元素都由模板删除，并通过Ember Magic添加，Ember Magic在每个定义的

出口

周围添加一个

元素）。但是，如果我单击下拉按钮，下拉列表将被放置在按钮的正下方，因为它应该但是如果我单击拆分按钮，下拉列表将被放置在包含

元素的顶部。由于拆分按钮没有特殊的

JavaScript

文件，我认为它与

foundation.dropdown.js

模块的

css

方法中的定位无关，还是这里出现了问题

我在GitHub项目页面上阅读了几个（已解决的？）问题（问题、问题和问题），但这些都不能帮助我解决问题

有没有人经历过同样的问题，并且知道如何解决这个问题，或者有没有人有什么提示？请让我知道

---

编辑 很抱歉，我省略了关于使用的前端框架的信息，现在在我的文章顶部添加了这些信息。这里有一个简短的总结

• 前端框架：Ember.js
• 模板框架：handlebar.js
• DOM操作框架：jQuery

---

我使用jQuery代替Zepto，因为我必须同时支持IE，Ember.js也依赖它，所以我不想加载jQuery和Zepto…

你能设置一个jsbin来显示你面临的问题吗？@直觉像素我会尽快尝试并返回！需要标记以帮助解决此问题。请添加一个jsbin。@zmanc很抱歉这么长时间的延迟，但我正在尝试启动并运行我的第一个jsbin，这非常令人沮丧。。。我无法让它工作，即使是一个基本的应用程序似乎比我想象的要复杂得多。。。抱歉-我一开始就在这里发布我的jsbin！在JSBin上，您需要记住转到Javascript部分并执行

$（document.foundation（）还可以添加库和添加基础。下面是一个基本JSBin。