2

Observe essa linha:

response.write "<span data-toggle='tooltip' data-original-title='" & TitleBadge & "' style='margin-right:3px;'>"

Essa linha esta dentro de um arquivo que é chamado via ajax. Se eu coloco dentro do html:

<span data-toggle='tooltip' data-original-title='Titulo' style='margin-right:3px;'>

Funciona, mas via ajax não.

Já entendi por que, mas ainda não resolvi. Quando inicializa a função tooltip, tudo que tem title="" passa a ser data-original-title="" e por isso não pega o que vem dinâmico.

Já tentei vir direto com o data-original, mas também não foi.

A página que tem o tooltip eu chamo assim:

function PegarSemanaConsultaFinan(DataProcura){

    dados = "DataProcura="+DataProcura

    $.ajax({
        url: "financeiro-procura-semana.asp?"+dados,
        Type: "POST",
        success: function(result){
            $("#results-div-finan").html(result);
        },
        error: function(){
        }           
    });
}

Alguém tem alguma dica?

2
  • Você está usando qual linguagem de programação? Commented 30/06/2015 às 23:28
  • ASP, mas chamo assim: Commented 30/06/2015 às 23:32

1 Resposta 1

1

O problema que você está tendo é que seu tooltip está sendo adicionado dinâmicamente em sua página.

Tente isso:

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

Para mim isso funciona corretamente, mas caso não funcionar, tente usar isso:

$(document).on('mouseenter','[data-toggle=tooltip]', function(){
    $(this).tooltip('show');
});

$(document).on('mouseleave','[data-toggle=tooltip]', function(){
    $(this).tooltip('hide');
});
2
  • Bingo. funcionou o primeiro com o body. muito obrigado pela ajuda. valeu mesmo Commented 9/07/2015 às 3:29
  • Funcionou perfeitamente, parabens. Commented 4/08/2015 às 14:15

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 .