0

No meu servidor PHP eu retorno alguns dados entre eles um button

$HTML = " <button id=\"btnExcluir\"  style=\" width: 55px !important;\" onclick=\"Excluir();\" type=\"button \"  data-toggle=\"tooltip\" data-placement=\"top\" title=\"     Excluir itens selecionados\" class=\"btn   btn-danger botaoExcluir\"> " ;

echo $HTML;

No meu arquivo HTML/JS eu tenho minha requisição Ajax que busca esses dados do servidor Php, e inclui eles em uma div com o Id Dados ... Até então ele aparece normalmente e no meu arquivo Jquery eu tenho a seguinte função

$(function () {
       $('[data-toggle="tooltip"]').tooltip()
    })

Para conseguir estilizar o tooltip do meu buttom, porém ele não altera o tipo. Como é possivel adicionar esse estilo ao button?

1

1 Resposta 1

1

Isso acontece porque todo elemento html que entra dinamicamente não faz parte do DOM inicial que foi carregado no documento atual. Para que seja possível selecionar esses elementos você deve utilizar alguns métodos do jquery específicos para isto.

Você pode pesquisar um pouco mais sobre esses métodos na documentação do jquery:

Delegate e on, bons estudos! ;)

Ex com 'on'.

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

Ex com delegate com evento click:

$(".divpai").delegate( "elementofilho", "click", function() {
    $(this).css({display:"none"});
});

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 .