Hallo zusammen,
Ich stehe grad vor folgendem Rätsel:
Ich verwende die UiKit3 One Theme und möchte gerne eine Suche in die Navigation integrieren… So weit so gut. Ich hab mir das Thema Suche mal in der Dokumentation von UiKit genauer angeschaut und diesen Code hier gefunden: https://getuikit.com/docs/search?#modal
Meine Idee ist, ein Widget zu erstellen, das ich der Navigation zuweise. Der Widget-Code sieht so aus:
- <div>
- <a class="uk-navbar-toggle" href="#modal-full" uk-search-icon uk-toggle></a>
- </div>
- <div id="modal-full" class="uk-modal-full uk-modal" uk-modal>
- <div class="uk-modal-dialog uk-flex uk-flex-center uk-flex-middle" uk-height-viewport>
- <button class="uk-modal-close-full" type="button" uk-close></button>
- <form class="uk-search uk-search-large">
- <input class="uk-search-input uk-text-center" type="search" placeholder="Search..." autofocus>
- </form>
- </div>
- </div>
Wenn ich jetzt meine Seite lade, kommt wunderbar das Lupen-Symbol rechts oben, ich kann auch Suchworte eingeben, aber nach Eingabe von Enter passiert nix mehr. Die Seite lädt neu und das wars.
Hat jemand von euch ne Idee, wie ich da auch entsprechend Ergebnisse angezeigt bekomme, Hab ich evtl. n Denkfehler?
Über Hilfe, Tipps und Tricks würde ich mich riesig freuen…
Danke vorab
Ralf