Dieses Forum nutzt Cookies
Dieses Forum verwendet Cookies, um deine Login-Informationen zu speichern, wenn du registriert bist, und deinen letzten Besuch, wenn du es nicht bist. Cookies sind kleine Textdokumente, die auf deinem Computer gespeichert sind; Die von diesem Forum gesetzten Cookies düfen nur auf dieser Website verwendet werden und stellen kein Sicherheitsrisiko dar. Cookies auf diesem Forum speichern auch die spezifischen Themen, die du gelesen hast und wann du zum letzten Mal gelesen hast. Bitte bestätige, ob du diese Cookies akzeptierst oder ablehnst.

Ein Cookie wird in deinem Browser unabhängig von der Wahl gespeichert, um zu verhindern, dass dir diese Frage erneut gestellt wird. Du kannst deine Cookie-Einstellungen jederzeit über den Link in der Fußzeile ändern.

Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
[Gelöst] Popover bleibt leer
#1
Hallo Experten!

Ich habe ein Tooltip erstellt, das bisher über eine "normale" hover-Anweisung über meinen Elementen aufpoppt. --> siehe hier: https://tinyurl.com/yy8yl4om
Jetzt möchte ich aber gerne dies per "popover" einbinden.

Leider bleibt aber das Popover-Feld leer.  :-(  -->siehe hier: https://tinyurl.com/yyb7497a

Gibt es etwa irgendwelche Einschränkungen, was den HTML-Code im data-content betrifft?

Hier mein Code:
HTML5
  1. <button class="btn btn-danger rufname"
  2. data-toggle="popover"
  3. data-trigger="hover"
  4. data-content="<div class='infofeld'><table border='0' style='margin: 5px;'><tbody><tr><td class='col1' colspan='2' valign='top'>Funkrufname: </td><td class='col2' colspan='2'>00/10</td></tr><tr><td class='col1' colspan='2' valign='top'>Bezeichnung: </td><td class='col2' colspan='2'>ELW 1 (Reserve bzw. C5 oder C6)</td></tr><tr><td class='col1' colspan='2' valign='top'>Standort: </td><td class='col2' colspan='2'>BF-FFM</td></tr><tr><td class='col1' colspan='2' valign='top'>Ankunftzeit: </td><td class='col2' colspan='2'>00:00:00</td></tr><tr class='btn-row'><td></td></tr></tbody></table></div>"
  5. data-original-title="" title="">00/10</button>


Danke schonmal für die Hilfe...

PS: Kann ich in das Popover auch interaktive Elemente, wie Schaltflächen oder Texteingaben implementieren?
Zitieren
#2
Update:

Ich habe das Szenario auf einer "nackten" Seite erstellt, und da funktioniert es.
Was - zur Hölle - mache ich falsch?

--> siehe  hier: http://tinyurl.com/y3fzrxms
Zitieren
#3
nimm mal die jquery-3.3.1.min.js und nicht die jquery-3.2.1.slim.min.js
Zitieren
#4
Damit hatte ich es auch schon versucht, werde es aber anpassen, damit du siehst, dass es daran nicht liegt.  :-(
Zitieren
#5
So, ich habe den Fehler gefunden und er lag - wie gewöhnlich - im Detail.

Da es bei Bootstrap, gemaß den Empfehlungen üblich ist, die Einbindung von jQuery und Popper ans Ende, unmittelbar vor den schließenden </body> Tag zu stellen, stellte sich bei meinem Projekt heraus, dass dies zur Fehlfunktion geführt hat.

Die Lösung das Problems war, die beiden Einbindungen bereits innerhalb der <head> Tags auszuführen.

Danke für Eure Hilfe,
Berndi
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
[-]
Willkommen im ersten deutschen Bootstrap-Forum
You have to register before you can post on our site.

Benutzername/E-Mail:


Passwort:





[-]
Letzte Beiträge
Schacteln 2er div s nebneinander
Last Post: The-Error
Gestern 11:37
» Replies: 3
» Views: 69
Navbar Dropdown 2 columns funktioniert n...
Last Post: Niamh
Gestern 11:29
» Replies: 2
» Views: 20
PostgreSQL oder mariaDB bei sehr grossen...
Last Post: rustybatman
Gestern 09:18
» Replies: 0
» Views: 8

[-]
Private Messages
Please login or register to use this functionality.

[-]
Statistics
» Members: 271
» Latest member: havor99
» Forum threads: 237
» Forum posts: 962

Full Statistics

[-]
Tutorials
Get Started
Text/Typography
Gridsystem
Dropdowns
Navigation Bar
Modal
Farben
Jumpotron
Popover
Formulare
Carousel (Slider)
Die Höhe von Elementen mit Klassen h-*
Flip Cards
Bild Overlay-Hover-Effekt
Google Fonts einbinden
Flexbox Bootstrap 4
Responsive Breakpoints

[-]
Wer ist online
There are currently no members online.

>