Zurb Foundation Konflikt mit jQuery ui Autocomplete?

Question

Ich kann Jquery-ui Autocomplete nach dem Laden der Zurb Foundation 3.1 nicht an die Arbeit erhalten.

Jeder hat sie zusammengefasst, um zusammenzuarbeiten oder ein anderes Autocomplete-Plugin zu finden, das mit Foundation arbeitet? generasacodicetagpre.

Answer 1

Es funktioniert auf dieser Seite großartig, wenn Sie jedoch andere Komponenten wie Orbit verwenden oder aufzeigen, und Sie haben eine Site, die auf Foundation auf Foundation ist, dann Foundation.min.js erforderlich ist.

foundation.min.js beinhaltet modernizr, jquery library, orbit, enthüllen, tooltips.So können Sie die JQuery-Bibliothek in Foundation verwenden.Ich habe diese Importe am Ende des Körpers hinterlassen und dann hinzugefügt, was ich brauchte (jquery ui für den autocomplete und datespicker und dann das Skript), so dass es so landete: generasacodicetagpre.

Die Skripts gehen in der nächsten Reihenfolge

.
1. stiftung.min.js es enthält jquery 1.8
2. stiftung.min.js es braucht jquery library
3. Benutzerdefiniertes Skript es braucht jQuery-Bibliothek und jquery ui

Answer 2

Es gibt einen Konflikt mit den Bibliotheken des Foundation-Frameworks, die jQuery verwenden.Um Jquery UI mit dem Foundation Zurb-Framework verwenden zu können, müssen Sie die beiden Importe am Ende des Codes entfernen:

foundation.min.js und JavaScripts / app.js

Sie können es sehen, dass es in meinem Beispielcode funktioniert (Sie müssen Grundressourcen einschließen, um es zu sehen (Foundation.Min.css, app.css und modernizr.foundation.js) generasacodicetagpre.

Answer 3

Ich hatte das gleiche Problem mit foundation.min.js und jquery ui .

Dann liest ich die Antwort @ Snekkkkes und versuchte es ..
Es hat für einige UI-Funktion gearbeitet, aber nicht mit allem (das ist möglicherweise an jquery ui und jquery ( gebündelt mit foundation.min.js ) arbeiten nicht gut zusammen).

Ich habe also den jQuery code von foundation.min.js entfernt und google cdn für jquery..order hinzugefügt ..

.
1. jquery
2. stiftung.min.js
3. jquery ui

   Jetzt funktioniert es gut für mich ...