Fuelux Datagrid bricht die Bootstrap-Dropdown-Menüs ab

8

Ich habe Probleme mit der Datagrid-Komponente von FuelUX. Auf der Seite meiner Site, auf der ich die DataGrid-Komponente implementiere, funktionieren die von Bootstrap bereitgestellten Dropdown-Menüs nicht mehr.

Ich benutze: jQuery 1.9.0, fuelUX 2.3.0, Bootstrap 2.3.1 Ich benutze nicht: requireJS.

Ich bringe die FuelUX css Dateien und die loader.js Datei mit. Die Bootstrap-Menüs funktionieren auf jeder anderen Seite außer dieser. Die DataGrid-Komponente scheint gut zu funktionieren, außer dass ihre eigenen Auswahlmenüs auch nicht funktionieren.

Irgendwelche Zeiger?

    
Chuck 18.03.2013, 23:27
quelle

3 Antworten

7

Mit der loader.js von Fuel UX bringen Sie bereits Bootstrap mit. Fuel UX 2.3.0 enthält Bootstrap 2.3.0. Wenn Ihre Seite zusätzlich Bootstrap 2.3.1 lädt, könnte dies ein Konflikt sein. Sehen Sie sich dieses Beispiel Ссылка an, das jQuery 1.9.1 und Fuel UX / Bootstrap 2.3.0 lädt. Beachten Sie, dass Sie auf die grüne Schaltfläche RUN klicken müssen, um das Skript auf tinkerbin zu starten.

Das Fuel UX Bugfix Release 2.3.1 - welches auch Bootstrap 2.3.1 beinhaltet - wird in Kürze veröffentlicht, aber wenn Sie die fast vollständige laufende Arbeit ausprobieren möchten, befinden sich die Distributionsdateien in der Master-Verzweigung bei Ссылка

Ich hoffe, das bringt dich zum Laufen!

    
Adam Alexander 19.03.2013, 00:07
quelle
0

Hatte das gleiche Problem und hatte es behoben, indem ich meine Bootstrap-Inklusion entfernte. Einziges Problem: Ich brauche einen früheren Bootstrap als den, der in fuelux geladen ist (ich brauche v3, fuelux lädt v2). Irgendeine Idee, wie man das löst?

    
Eric Lefebvre 05.02.2014 01:28
quelle
0

Ich stand vor demselben Problem:

"javascripts / libs / bootstrap.js"

"javascripts / libs / loader.min.js"

Die obigen Zeilen befinden sich in Konfliktzuständen: Alle meine Bootstrap-Dropdownlisten sind nach dem Einbinden von loader.min.js fehlerhaft. Die erste Problemumgehung, die ich gefunden habe, bestand darin, diese beiden js-Dateien auf der Seite zu trennen, auf der ich den Fuel UX-Assistenten verwende. Aber wie sich herausstellte, wurde mein Bootstrap-Akkordeon kaputt, weil diese Seite insgesamt bootstrap.js verwendet.

Ich habe dieses Problem mit der Aktualisierung von Fuel UX wizard.js behoben, die ich beim Entfernen von AMD-Code benötigte. Und das funktioniert.

Ich benutze bootstrap v3.1.1 und das letzte Fuel UX - v2.6.0 - 2014-02-14 Warten auf korrekte Fehlerbehebung von Fuel UX-Erstellern.

    
Aleksey Borodkin 11.04.2014 07:26
quelle