Pourquoi jQuery Tooltip ne pas afficher le contenu html?

J'ai créé un jQuery Tooltip sur la page html. Je veux afficher une info-bulle avec du contenu html à l'intérieur sur un lien hypertexte. Mais le jQuery Tooltip juste montrer tout le code html du texte comme du texte normal à l'intérieur de la bulle d'aide, mais n'a pas le format html. Il est un exemple de jQuery Tooltip.

<head>
    <title>jQuery Tooltip</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

    <script>
        $(function() {
            $(document).tooltip();
        });
    </script>
    <style>
        label {
            display: inline-block;
            width: 5em;
        }
    </style>
</head>
<body>
    <a href="#" title="<font color='#FF0000'>That's what this widgets</font>">Tooltips</a>
</body>

L'info-bulle, au lieu d'afficher le texte "Qu'est ce que cette widgets" dans couleur Rouge, il montre "<font color='#FF0000'>That's what this widgets</font>". Le format html ne s'applique pas sur le texte de l'infobulle. Il semble que l'info-bulle ne reconnaît pas le format html. Le problème semble être le style, l'info-bulle n'est pas correct ou peut-être le jQuery tooltip ne prend pas en charge pour un contenu html.

Je veux savoir pourquoi mon jQuery tooltip ne peut pas afficher le contenu html? J'ai besoin d'aide sur mon problème.

<a> balise n'est pas fermée
Ce n'est pas la bonne façon de style de l'info-bulle. Amélioration de la vérification de la info-bulle de l'API. Faites défiler jusqu'à tooltipClassType .

OriginalL'auteur Tri Nguyen Dung | 2013-04-02

  1. 11

    Utiliser le contenu option offerte par l' info-bulle

    $(function(){
  $('[title]').tooltip({
    content: function(){
      var element = $( this );
      return element.attr('title')
    }
  });
});

    Démo: Plunker

    J'ai copier l'ensemble du texte à partir de Plunker, mais il ne s'applique pas sur mon navigateur web. Je ne sais pas pourquoi, j'ai regardé ton exemple est très bon mais il ne s'applique pas sur mon navigateur web.
    pouvez-vous partager votre page web de balisage
    OK! J'ai télécharger toutes vos exemple dans un fichier zip et l'exécuter directement. Si tout est correct. Merci trop beaucoup pour votre aide.

    OriginalL'auteur Arun P Johny

  2. 1

    Il est préférable de définir la couleur de la css:

    Code Javascript:

    $(function () {
    $(document).tooltip({ tooltipClass: "custom-tooltip-styling" });
});

    CSS:

    .custom-tooltip-styling { color: #ff0000; }

    Démo:
    http://jsfiddle.net/netme/3Ckk3/2/

    OriginalL'auteur Mikhail Chernykh