Skip to main content
removeu 4 caracteres do conteúdo
Fonte Link
Pedro Camara Junior
  • 6,8mil
  • 3
  • 20
  • 55

Isso ocorre pois no você está atribuindo o evento click ao elemento antes de ele existir no HTML.

Como solução você deve criar o evento do click logo após adicionar a div ao HTML.

$(document).ready(function() {
  var html = "<p>Coloque o seu <a class='text-orange' id='link_new_ad'>veículo a disposição</a>!</p>";
  $('body').html(html);
  //Após adicionar no HTML atribua o evento ao link.
  $("#link_new_ad").click(function() {
    console.log('teste');
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Isso ocorre pois no você está atribuindo o evento click a div antes de ela existir.

Como solução você deve criar o evento do click logo após adicionar a div ao HTML.

$(document).ready(function() {
  var html = "<p>Coloque o seu <a class='text-orange' id='link_new_ad'>veículo a disposição</a>!</p>";
  $('body').html(html);
  //Após adicionar no HTML atribua o evento ao link.
  $("#link_new_ad").click(function() {
    console.log('teste');
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Isso ocorre pois no você está atribuindo o evento click a div antes de ela existir.

Como solução você deve criar o evento do click logo após adicionar a div ao HTML.

Isso ocorre pois no você está atribuindo o evento click ao elemento antes de ele existir no HTML.

Como solução você deve criar o evento do click logo após adicionar a div ao HTML.

$(document).ready(function() {
  var html = "<p>Coloque o seu <a class='text-orange' id='link_new_ad'>veículo a disposição</a>!</p>";
  $('body').html(html);
  //Após adicionar no HTML atribua o evento ao link.
  $("#link_new_ad").click(function() {
    console.log('teste');
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Fonte Link
Pedro Camara Junior
  • 6,8mil
  • 3
  • 20
  • 55

$(document).ready(function() {
  var html = "<p>Coloque o seu <a class='text-orange' id='link_new_ad'>veículo a disposição</a>!</p>";
  $('body').html(html);
  //Após adicionar no HTML atribua o evento ao link.
  $("#link_new_ad").click(function() {
    console.log('teste');
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Isso ocorre pois no você está atribuindo o evento click a div antes de ela existir.

Como solução você deve criar o evento do click logo após adicionar a div ao HTML.