tooltip

[Retur 1]

Estou tentando usar um link com tooltip dentro do

document.getElementById('div').innerHTML = '<a href="javascript:void(0)" class="info" style="text-decoration:none;">Teste!</a>';

mais não está exibindo o tooltip dessa maneira,alguém sabe alguma coisa que posso estar fazendo para resolver o problema?

 

Segue abaixo o script:

 

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script><script src="http://code.jboxcdn.com/0.3.2/jBox.min.js"></script>
<link href="http://code.jboxcdn.com/0.3.2/jBox.css" rel="stylesheet">

 

<script type="text/javascript">$(document).ready(function(){$('.info').jBox('Mouse', {content: 'Esse é um modelo tooltip feito para teste!'}); }); function teste(){document.getElementById('div').innerHTML = '<a href="javascript:void(0)" class="info" style="text-decoration:none;">Teste!</a>';}
</script>
<div id="div"></div>

 

Desde já obrigado!

[webdev15 3]

nao ha grande vantagem fazer tooltips em javascript sendo que com a evolucao do css isso ficou mais facil. de qualquer forma fica aqui o link de um plugin em jquery http://www.webstuffshare.com/2012/03/sweet-tooltip-a-jquery-css3-tooltips/

 

mas pode fazer em css puro

 

http://www.paulund.co.uk/css3-only-tooltips

[Retur 1]

Sim,eu sei,mais para esse caso acima tem alguma solução para faze-ló funcionar?

[William Bruno 1501]

Tem sim, vc tem q ativar o plugin após fazer a inserção de html.

[Retur 1]

Tem sim, você tem q ativar o plugin após fazer a inserção de html.

 

Desculpe,mais não intendi. :upset:

[William Bruno 1501]

<script type="text/javascript">

 

$(document).ready(function(){

$('.info').jBox('Mouse', {

content: 'Esse é um modelo tooltip feito para teste!'

});

 

});

 

function teste(){

document.getElementById('div').innerHTML = '<a href="javascript:void(0)" class="info" style="text-decoration:none;">Teste!</a>';

 

$('#div').find('.info').jBox('Mouse', {

content: 'Esse é um modelo tooltip feito para teste! chamando o plugin após o html'

});

}

</script>

<div id="div"></div>

entendeu ?

[Retur 1]

Assim,perfeito,intendi sim,muito obrigado pela ajuda! :D