Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Maykel-ctba

[Resolvido] Qualquer evento dentro do FACEBOX não funciona?

Recommended Posts

Fala povo!

 

Estou com um pepino. Estou montando um formulario dentro de uma div invisivel. Essa mesma fica visivel através do plugin FACEBOX, que transforma a div em um MODAL estilo lightbox.

 

Porém, qualquer evento que eu utilize dentro do facebox não é ativado. Existe alguma forma de contornar isso?

 

Eu li na internet que eu poderia usar um plugin chamado DELEGATION que faria a ligaçao entre um script e outro, mas não entendi seu funcionamento nem sua real função, alguem poderia me ajudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

sim, exatamente isso.

 

use o .delegate() ou o .live()

http://wbruno.com.br/2011/03/18/metodo-live-jquery/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi William! A solução parece ser muito prática e seu blog é muito bom, não nego que dei uma boa fuçada nele e está nos meus favoritos, hehe...

 

Acho que apliquei errado o evento nativo live(), pois continua não dando em nada:

 

javascript

$("a[rel*=facebox]").facebox(); // * facebox
$('#orcamento #slCor').live('change', function(){
   alert('mudou o option');
});

 

 

html

<a rel="facebox" href="#orcamento">Orçar</a>
<div id="orcamento" style="display:none;">
   <select id="slCor" name="slCor">
       <option selected="selected">Escolha uma cor...</option>
       <option value="3">Estampa Malhada [Quantidade mínima: 200]</option>
       <option value="2">Vermelho [Quantidade mínima: 200]</option>
       <option value="1">Preto [Quantidade mínima: 30]</option> 
   </select>
</div>

 

Poderia me ajudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

tecnicamente deveria ter funcionado.

 

mas quem tira o display: none; do #orcamento ?

 

 

Aparece algum erro no console ?

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post


Link para o post
Compartilhar em outros sites

O próprio facebox se encarrega de deixar display:block. Essa parte funciona normalmente!

 

No console de erros do proprio Firefox não aparece nada :unsure: teoricamente, de sintaxe, sem problemas.

Compartilhar este post


Link para o post
Compartilhar em outros sites

ahh, deixa só assim então:

 

$('#slCor').live('change', function(){

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opa!!!!

 

Parece que deu, vou fazer uns testes aqui!

 

Perfeito cara, funcionou mesmo! Logo depois desse exemplo que me liguei que, ao ativar o facebox, ele muda o nome do elemento #orcamento para .content, logo não ia achar nunca, hahah... com esta ultima foi perfeitamente!

 

Espetáculo! Abraços!! :clap:

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.