none
JQuery append com função RRS feed

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Olá,

    Tenho uma função que adiciona um link em uma div. E outra função que deve ser chamada pelo link adicionado pela primeira função.

    Quando adiciono o link direto pelo HTML a segunda função funciona normalmente, mas pelo link adicionado pela primeira função, não funciona.

    Segue o código.

        //Primeira Função: Adiciona o Link na div
    $(function () {
        $('#bl').click(function () {
            $('#dvTeste').html('<a href="#" class="lt">Remove teste adicionado</a>');
            return false;
        });
    });


    //Segunda Função: Remove a div
    $(function () {
        $('.lt').click(function () {
            $('#dvTeste').remove();
            return false;
        });
    });

    O Html:

            <a href="#" id="bl">Adiciona teste</a>

        <div id="dvTeste">
            <a href="#" class="lt">Remove teste</a>
        </div>
    Desde já, grato pela colaboração.

    quinta-feira, 4 de setembro de 2014 21:54
    |

Todas as Respostas

  • Question
    Entrar para Votar
    0
    Entrar para Votar 
    <body>
    <a href="#" id="bl" onclick='adicionaDiv()'>Adiciona teste</a>

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

<script type="text/javascript">


function adicionaDiv() {
   //ADICIONANDO O <A></A> NA DIV
   $('#dvTeste').html('<a href="#" class="lt"onclick="removeDiv()">Remove teste adicionado</a>');            

}

function removeDiv() {
   //LIMPANDO O CONTEÚDO DA SUA DIV
   $('#dvTeste').html("");
}
</script>
</body>

    Olá Saulo,

    No seu caso você está 'matando' a 'dvTeste' pois da um REMOVE nela e logo após tenta adicionar o link dentro da mesma que já não existe...

    Espero ter ajudado!

    domingo, 7 de setembro de 2014 02:30
    |