8
È possibile utilizzare html nelle descrizioni comandi di Foundation?Come utilizzare html nelle descrizioni comandi di Foundation?
A
risposta
0
sì. supporta. controllare this link. ho provato semplice HTML e quel supporto. devi inserire html nell'attributo title.
7
Sì. Supporta HTML nell'attributo del titolo.
da foundation.tooltip.js:
create : function ($target) {
var $tip = $(this.settings.tip_template(this.selector($target), $('<div></div>').html($target.attr('title')).html())),
...
rottura che giù crea un nuovo elemento avvolto in un div ei contenuti dell'attributo titolo sono inseriti nel div utilizzando il metodo che sarà html() convertire qualsiasi markup nella stringa in elementi html.
Il seguente codice:
<img src="example.png"
class="general-infotip has-tip tip-top"
data-tooltip
title="<b>This is bold</b> This is not" />
si tradurrà in una descrizione comandi che assomiglia
Questo è in grassetto Questo non è
0
In Fondazione v6.3 + , puoi aggiungere l'attributo data-allow-html = "true" all'elemento per consentire l'html nel suggerimento.
Ad esempio:
<span data-tooltip data-allow-html="true" aria-haspopup="true"
class="has-tip" data-disable-hover="false" tabindex="1"
title="Fancy word for a <strong>beetle</strong>. <br><br><img src=https://pbs.twimg.com/profile_images/730481747679432704/uc08_dqy.jpg />">
Scarabaeus
</span>
Qui si sta lavorando in jsfiddle.
Per ulteriori informazioni, consultare il pull request.
Thx, ma è possibile utilizzare un elemento html come "
" per un contenitore per i nostri contenuti tooltip? – ivaylocsì. è possibile. usa html() quindi supportalo. Puoi andare alla pagina http://foundation.zurb.com/docs/elements.php e modificare l'elemento tooltip con firebug e testarlo. scusa! non riesco a trovare il file js di base su jsfiddle per mostrarti un esempio. – shayan
@shayan il link che hai fornito non funziona –