Bootstrap-Tooltip: HTML-Zeilenumbruch funktioniert nicht für Symfony Zweigvorlage

Ich versuche, einen Tooltip in meiner Zweigvorlage einen Zeilenumbruch hinzuzufügen. Ich habe diese: Add line break to tooltip in Bootstrap 3 Lösung und hinzugefügt, um den Code zu meinem Tisch, wo Ich mag würde dies für eine Spalte anwenden:Bootstrap-Tooltip: HTML-Zeilenumbruch funktioniert nicht für Symfony Zweigvorlage

<td {% if item.uploadprofiles %} 
data-toggle="tooltip" 
data-html="true" 
title={% for up in item.uploadprofiles %} "Upload Profile ID: {{ up.id }} <br> Upload Profile Name: {{ up.name }}" {% endfor %} {% endif %}> 
{{ item.name }} 
</td>

irgendwie, es ist nicht für mich arbeiten, obwohl ich alles bin mit (Daten -html etc.) wie in der Antwort empfohlen.

sieht Ihr Ausgang wie folgt aus:

Upload Profile ID: 15 <br> Upload Profile Name: Example

Jede Idee, warum dies sein könnte?

Quelle

2017-12-29 sonja

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
</head> 
<body> 
    <div class="container"> 
     <table class="table"> 
      <tbody> 
       <tr> 
        <td {% if item.uploadprofiles %} 
         data-toggle="tooltip" 
         data-html="true" 
         title={% for up in item.uploadprofiles %} "Upload Profile ID: {{ up.id }} <br> Upload Profile Name: {{ up.name }}" {% endfor %} {% endif %}> 
         {{ item.name }} 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
    <script> 
     $(document).ready(function() { 
      $('[data-toggle="tooltip"]').tooltip(); 
     }); 
    </script> 
</body>

ich wie oben Code versucht, und es funktioniert gut für mich, vielleicht ist es der Bootstrap oder jquery Version, vielleicht Ihrem Browser. Ihre Ausgabe wurde in einem schwarzen Overlay angezeigt, oder? Um zu debuggen, würde ich mit einer einfachen Seite beginnen.

sonst vielleicht könnten Sie versuchen:

$('[data-toggle="tooltip"]').tooltip({html:true});

, die auch für mich arbeiten.

Quelle

2018-01-04 11:15:20

danke Tim, könnte sein, dass es mein Browser ist. Ich habe Ihren Code ausprobiert und warte bis zum nächsten Push des Projekts, um zu sehen, ob es in anderen Browsern funktioniert! – sonja

Bootstrap-Tooltip: HTML-Zeilenumbruch funktioniert nicht für Symfony Zweigvorlage

Antwort

Verwandte Themen