[HELP - 2] Popover

3 views
Skip to first unread message

Thiago Santos

unread,
Mar 6, 2018, 7:26:57 PM3/6/18
to jquery-br

Alguém pode me ajudar com o POPOVER?
Antes tinha o problema que o popover ao ser acionado e posteriormente fechado, as opções eram retiradas do HTML.
Resolvendo isso, consegui fazer com que o popover carregue o conteúdo do html fixo que está na página.

No entanto preciso que ao marcar um item no popover, o item respectivo no html fixo seja marcado tb.


OBS.: Cliquem na "bola" preta no dedão do pé. O conteúdo deste popover é o mesmo do html fixo abaixo dele.


https://codepen.io/tigurio/pen/yvqGNZ

Atc,
Thiago Santos
www.tigurio.com.br
67 9 9676-7708
71 9 9660-8800 (WhatsApp)
_________________________

GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
FanPage:  http://www.facebook.com/fanpageTigurio 
Linked In: http://br.linkedin.com/in/tigurio
________________________________________

Everton Amaral Pereira

unread,
Mar 6, 2018, 8:21:16 PM3/6/18
to jque...@googlegroups.com
No momento em que tu chama o comando "$('.marcador').click", os elementos do popover ainda não existem no html. Por isso o clique neles não é interceptado (além de que eles não possuem a classe .marcador).

Tenta deste jeito: mas só adiciona este, não mexe no que já tem lá. Assim, tu vai ter dois "interceptadores": um para os elementos que já existem, e outro para os elementos do popover.

$('body').on("click", ".popover-body input", function(){ 
       $(this).toggleClass("endema");
        //pega valor do data-id da marcacao
        let idClick = $(this).attr('id');
        console.log(idClick);
        //seleciona o checkbox com valor do ID igual ao valor do data-id da marcacao
        $('#'+idClick).trigger('click');
 });

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+unsubscribe@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+unsubscribe@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.



--

Thiago Santos

unread,
Mar 6, 2018, 10:03:36 PM3/6/18
to jquery-br
@Everton, esse script é da parte de cima (corpo humano), onde eu clico em um ponto no corpo e o checkbox referente ao ponto é marcado (isso está ok). O script referente ao popover é o ultimo. O popover só é usado na imagem dos pés e das mãos (parte inferior), onde ao clicar no ponto o popover é exibido (clique no ponto em preto no dedão do pé!).

$("[data-toggle=popover]").each(function(i, obj) {

$(this).popover({
  html: true,
  content: function() {
    var id = $(this).attr('id');
    return $('#popover-content-' + id).html();

  }
});
});

Atc,
Thiago Santos
www.tigurio.com.br
67 9 9676-7708
71 9 9660-8800 (WhatsApp)
_________________________

GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
FanPage:  http://www.facebook.com/fanpageTigurio 
Linked In: http://br.linkedin.com/in/tigurio
________________________________________

Thiago Santos

unread,
Mar 6, 2018, 10:57:22 PM3/6/18
to jquery-br
Consegui em partes resolver, no entanto, em determinado momento o check passa a funcionar no outro popover tb.
Eis o console:
_sente
corpo.html:2161 n.fn.init [input._sente, prevObject: n.fn.init(1), context: document, selector: "#popover-content-pe_p2 ._sente"]
corpo.html:2157 _nSente
corpo.html:2161 n.fn.init [input._nSente, prevObject: n.fn.init(1), context: document, selector: "#popover-content-pe_p2 ._nSente"]
corpo.html:2157 _nSente
corpo.html:2161 n.fn.init [input._nSente, prevObject: n.fn.init(1), context: document, selector: "#popover-content-pe_p1 ._nSente"]

Atc,
Thiago Santos
www.tigurio.com.br
67 9 9676-7708
71 9 9660-8800 (WhatsApp)
_________________________

GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
FanPage:  http://www.facebook.com/fanpageTigurio 
Linked In: http://br.linkedin.com/in/tigurio
________________________________________

Reply all
Reply to author
Forward
0 new messages