Fuelux Datagrid 打破了引导下拉菜单答案

【问题标题】：Fuelux Datagrid breaks bootstrap dropdown menusFuelux Datagrid 打破了引导下拉菜单
【发布时间】：2013-03-07 12:00:19
【问题描述】：

我在使用 FuelUX 的数据网格组件时遇到了问题。在我实现数据网格组件的网站页面之一，引导程序提供的下拉菜单停止工作。

我正在使用：jQuery 1.9.0、fuelUX 2.3.0、Bootstrap 2.3.1 我没有使用：requireJS。

我引入了 FuelUX css 文件和 loader.js 文件。引导菜单适用于除此页面之外的所有其他页面。 datagrid 组件似乎运行良好，只是它自己的选择菜单也不起作用。

任何指针？

【问题讨论】：

标签： jquery twitter-bootstrap drop-down-menu datagrid fuelux

【解决方案1】：

通过使用 Fuel UX 中的 loader.js，您已经引入了 Bootstrap。 Fuel UX 2.3.0 包含 Bootstrap 2.3.0，因此如果您的页面另外加载 Bootstrap 2.3.1，则可能会发生冲突。请看这个例子http://tinkerbin.com/0RXOjPNd，它加载了 jQuery 1.9.1 和 Fuel UX/Bootstrap 2.3.0。请注意，您确实需要单击绿色的 RUN 按钮才能在 tinkerbin 上启动脚本。

Fuel UX 错误修复版本 2.3.1 - 也将包括 Bootstrap 2.3.1 - 将很快发布，但如果您想尝试近乎完成的工作，分发文件位于主分支 https://github.com/ExactTarget/fuelux/tree/master/dist

我希望这能让你跑步！

【讨论】：

谢谢。这是有道理的，而且效果很好。我删除了那一页的独立 Bootstrap 版本，并依赖于 FuelUX 提供的版本。谢谢！

【解决方案2】：

有同样的问题，并通过删除我的引导程序包含来解决。唯一棘手的问题：我需要比在fuelux 中加载的引导程序更早的引导程序（我需要v3，fuelux 加载v2）。知道如何解决吗？

【讨论】：

【解决方案3】：

我遇到了同样的问题：

“javascripts/libs/bootstrap.js”

“javascripts/libs/loader.min.js”

上面的行处于冲突状态：在包含 loader.min.js 后，我所有的引导下拉菜单都被破坏了。我发现的第一个解决方法是在我使用 Fuel UX 向导的页面上分离这两个 js 文件。但事实证明，我的 bootstrap 手风琴坏了，导致这个页面完全使用 bootstrap.js。

我通过更新 Fuel UX Wizard.js 解决了这个问题，我需要删除 AMD 相关代码。这行得通。

我使用 bootstrap v3.1.1 和最后一个 Fuel UX - v2.6.0 - 2014-02-14 等待 Fuel UX 创建者的正确修复。

【讨论】：