0

Tenho um popup usando Fancybox, dentro dele tenho uma div, preciso alterar de forma dinâmica usando Javascript o texto da mesma. Estou usando o código a seguir na chamada do clique de um botão:

$('#id-da-div').html('Novo texto');

Este código simples funciona em qualquer lugar dentro do meu site, mas quando a div esta dentro da Fancybox não funciona. Ele não da erro algum, simplesmente não atualiza o html dentro da div.

Deve ser algo da Fancybox, preciso resolver por preciso colocar um contador dentro do popup.

Obrigado.

2
  • Tenta selecionar o elemento com o painel do navegador.
    – Sam
    Commented 17/08/2017 às 0:26
  • Já fiz, inspecionei o elemento e o html da div se mantem estatico, mesmo sem mostrar erros no console. Commented 17/08/2017 às 0:42

1 Resposta 1

0

Selecionar o elemento dentro da Fancybox:

  1. Tecle F12 para abrir "ferramentas do desenvolvedor" no navegador.
  2. Selecione o elemento que tem o texto a ser alterado.
  3. No código-fonte mostrado no painel, clique com o botão direito do mouse sobre o elemento.
  4. No menu selecione "Copy > Copy selector" e cole o código copiado no seletor do jQuery: $('CÓDIGO_COPIADO').text('Novo texto');

inserir a descrição da imagem aqui

8
  • o Copy Selector me retorna #id-da-div que é realmente o id da minha div, que eu defini. Eu já tenho o id dela, mesmo usando ele o texto não é alterado. Commented 17/08/2017 às 1:08
  • Então eu não entendi. Vc quer alterar uma DIV da Fancybox ou uma que vc mesmo fez?
    – Sam
    Commented 17/08/2017 às 1:11
  • Eu fiz, ela esta dentro da fancybox, ela faz parte do conteúdo que carreguei na fancybox. Na verdade, pode ser qualquer elemento dentro da fancy, seja um text ou div, nao consigo alterar nenhuma informação usando javascript dos elementos dentro da fancy. Commented 17/08/2017 às 1:13
  • Estranho. Será que essa id não está duplicada?
    – Sam
    Commented 17/08/2017 às 1:16
  • Não tem como dar errado quando vc seleciona a div pelo copy selector.
    – Sam
    Commented 17/08/2017 às 1:17

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 .