Hinzufügen von HTML-markup zu materialisieren.css tooltip

Gibt es eine Möglichkeit zum hinzufügen von HTML-markup, um die QuickInfo materialisieren? Ich versuche zu ordnen einige Daten-definition, - Liste in einem QuickInfo. Ich versucht, um es direkt in das data-tooltip-Attribut, aber es scheint nicht zu erkennen, die tags.

InformationsquelleAutor Joxmar | 2015-08-19
  1. 7

    In materialize.js, um die Zeile 1258 nehmen Sie die folgende änderung verdeckte alle tooltips in html. 

    //Change .text()
newTooltip.children('span').text(origin.attr('data-tooltip'));
//To .html()
newTooltip.children('span').html(origin.attr('data-tooltip'));
    • ^^^ Wenn ich wusste, dass Ihre Adresse, die ich senden würde ein Obstkorb für dieses
    InformationsquelleAutor user3067533
  2. 4

    In der neuesten version, die Sie verwenden können:

      $(document).ready(function(){
    $('.tooltipped').tooltip({delay: 50, tooltip: 'some text', html: true});
  });

    Sehen http://materializecss.com/dialogs.html

    • TIPP: ich hatte auch um die Standardeinstellung zu überschreiben .material-QuickInfo-Stil, um Unterstützung Zeilenumbrüche, d.h. .material-tooltip { white-space: pre-wrap; }
    InformationsquelleAutor lz96
  3. 3

    Materialisieren In v0.100.2 ist möglich, Daten-html Attribut.
    Wenn festgelegt ist data-html="true", dann Materialisieren macht wie $(...).html()

    Dies wird also dargestellt werden als $(...).text()

    <a class="btn tooltipped" data-position="bottom" data-delay="50" data-tooltip="I am a tooltip">Hover me!</a>

    Und dieses als $(...).html()

    <a class="btn tooltipped" data-html="true" data-position="bottom" data-delay="50" data-tooltip="I am a tooltip">Hover me!</a>
    InformationsquelleAutor Roman
Schreibe einen Kommentar