Fuelux Datagrid打破了bootstrap下拉菜单

时间:2013-03-18 23:27:46

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

我在使用FuelUX的datagrid组件时遇到了麻烦。我实现datagrid组件的网站页面,bootstrap提供的下拉菜单停止工作。

我正在使用:jQuery 1.9.0,fuelUX 2.3.0,Bootstrap 2.3.1 我不使用:requireJS。

我引入了FuelUX css文件和loader.js文件。引导菜单适用于除此之外的每个其他页面。数据网格组件似乎运行得很好,只是它自己的选择菜单也不起作用。

任何指针?

3 个答案:

答案 0 :(得分:7)

通过使用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)将很快发布,但如果您想尝试接近完成的工作,则分发文件位于主分支{{3 }}

我希望这可以让你跑步!

答案 1 :(得分:0)

有同样的问题,并通过删除我的bootstrap包含修复它。唯一的问题是:我需要一个比在fuelux中加载的引导更早的引导程序(我需要v3,fuelux加载v2)。知道如何解决这个问题吗?

答案 2 :(得分:0)

我遇到了同样的问题:

“Javascript角/库/ bootstrap.js”

“javascripts / libs / loader.min.js”

上面的行处于冲突状态:包括loader.min.js后,我的所有引导程序下拉列表都被破坏了。 我发现的第一个解决方法是在我使用Fuel UX向导的页面上分隔这两个js文件。但事实证明,我的自举手风琴被破坏了,导致这个页面全部使用bootstrap.js。

我通过更新Fuel UX wizard.js解决了这个问题,我需要删除与AMD相关的代码。这很有效。

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