Fuelux Datagrid 打破了引导下拉菜单

Posted 2023-02-22

技术标签:

【中文标题】Fuelux Datagrid 打破了引导下拉菜单【英文标题】：Fuelux Datagrid breaks bootstrap dropdown menus 【发布时间】：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 组件似乎运行良好，只是它自己的选择菜单也不起作用。

任何指针？

【问题讨论】：

【参考方案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 相关代码。这行得通。