1

Tenho o seguinte código:

http://jsfiddle.net/56bv52us/

O que estou a tentar fazer é a mensagem aparecer sempre, ou seja, não é preciso passar o rato por cima para a mensagem aparecer, ela está sempre presente. É possível fazer isso?

Estou a usar esta toolkip: http://jqueryui.com/tooltip/

2 Respostas 2

1

Resolvi assim:

$(function() {
  $('input.age').mouseleave(function(e) {
    e.stopImmediatePropagation();
  }).tooltip({
    content: function() {
      return $(this).attr('title');
    }
  }).tooltip('open')
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<input class="age" title="Hello <br/>My message">
0

Retirado do site do jquery

var tooltips = $( "[title]" ).tooltip({
      position: {
        my: "left top",
        at: "right+5 top-5"
      }
    });
      tooltips.tooltip( "open" ); 

jQuery tooltip forms

1
  • como posso fazer isso sem usar o botão e aparecer sempre? estou a tentar usar mas perco algumas formatações, nomeadamente o html que tenho na mensagem. obrigado! @lazyFox
    – pc_oc
    Commented 18/06/2015 às 11:48

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .