[TYPO3-german] TYPO3 7.6 RTE - Popover / Tooltip mit Bootstrap 4

Andrea Schmuttermair abo at schmutt.de
Wed Feb 1 00:28:32 CET 2017


Ich glaube dein Javascript Selector ist falsch, oder gibts sowas
mittlerweile in ner neuen jQuery Version?  $('[data-toggle="popover"]')

Damit sollte es klappen - am besten ne eigene Klasse vergeben:
$('.btn-primary').popover('toggle');



Am 31.01.2017 um 22:01 schrieb Johannes C. Laxander:
> Ich habe eine mögliche Lösung gefunden: EXT:bootstrap_links
> 
> Generierter HTML Code:
> 
> <div class="ce-bodytext">
>     <p><a href="/seite/##" title="Title text" class="btn btn-primary"
> data-toggle="popover" data-placement="top" data-trigger="hover"
> data-content="Das ist der Erklärungstext im Popup.">Begriff</a> </p>
> </div>
> 
> JavaScript:
> 
> jQuery.noConflict();
> jQuery(document).ready(function($) {
> 	$('[data-toggle="popover"]').popover('toggle');
> }
> 
> Die Bibliothek tether.min.js ist vor bootstrap.min.js eingebunden.
> 
> Allerdings wird weder bei mouse-over noch bei einem Klick das popover
> angezeigt.
> 
> Wo liegt das Problem?
> 
> Johannes.
> 
>> bounces at lists.typo3.org] Im Auftrag von Johannes C. Laxander
>> Gesendet: Dienstag, 31. Januar 2017 18:34
>>
>> Hallo,
>> in einem RTE-Text soll für bestimmte Begriffe ein Popover/Tooltip
>> (http://v4-alpha.getbootstrap.com/components/popovers/) generiert
>> werden.
>>
>> Es reicht hier nicht aus, diesen Begriffen nur Bootstrap-Klassen
> zuzuweisen,
>> sondern ich muss ein Button-Tag generieren und dafür auch data-Attribute
>> angeben können (data-toggle, data-content, …).
>>
>> Weiß jemand wie man das umsetzen kann?
> 
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
> 


More information about the TYPO3-german mailing list