2013-03-18 48 views
8

我遇到了FuelUX的datagrid組件的麻煩。其中一個頁面是我實現datagrid組件的頁面,bootstrap提供的下拉菜單停止工作。Fuelux Datagrid打破引導程序下拉菜單

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

我正在引入FuelUX css文件和loader.js文件。引導程序菜單在除此之外的其他任何頁面上都可以使用。 datagrid組件似乎運行得很好,除了它自己的選擇菜單也不起作用。

任何指針?

回答

7

通過使用Fuel UX中的loader.js,您已經引入了Bootstrap。 Fuel UX 2.3.0包含Bootstrap 2.3.0,因此如果您的頁面額外加載Bootstrap 2.3.1,則可能是衝突。請參閱加載jQuery 1.9.1和Fuel UX/Bootstrap 2.3.0的示例http://tinkerbin.com/0RXOjPNd。請注意,您需要點擊綠色的RUN按鈕才能在tinkerbin上啓動腳本。

Fuel UX修補程序版本2.3.1--包括引導程序2.3.1--即將發佈,但如果您想嘗試幾乎完成的工作,分發文件位於主分支https://github.com/ExactTarget/fuelux/tree/master/dist

我希望這可以讓你運行!

+0

謝謝。這是有道理的,並完美地工作。我刪除了該頁面的獨立Bootstrap版本,並依賴於FuelUX提供的版本。謝謝! – Chuck 2013-03-19 00:13:39

0

有同樣的問題,並通過刪除我的bootstrap包含它已修復。只有問題艱難:我需要比fuelux中加載的引導程序更早的引導程序(我需要v3,fuelux加載v2)。任何想法如何解決?

0

我面臨着同樣的問題:

「的JavaScript /庫/ bootstrap.js」

「的JavaScript /庫/ loader.min.js」

上面的行是在衝突狀態:包括loader.min.js後,我的所有引導下拉列表都被破壞了。 我發現的第一個解決方法是在頁面上使用Fuel UX嚮導將這兩個js文件分開。但事實證明,我的bootstrap手風琴已經壞了,導致這個頁面總共使用了bootstrap.js。

我解決了這個問題,更新了Fuel UX wizard.js,我需要刪除AMD相關的代碼。這工作。

我使用引導程序v3.1.1和最後一個Fuel UX - v2.6.0 - 2014-02-14 等待Fuel UX創建者的正確修復。