Jump to content

Archived

This topic is now archived and is closed to further replies.

luizcamus

.colorbox is not a function

Recommended Posts

Olá!

 

Seguinte, estou chamando uma função através do evento OnClick em um link.

 

<a href="#" class="novo-teste" onClick="novoTeste()">Teste</a>

 

function novoTeste() {
$.colorbox({width:'500px', height: '300px', href:'teste.php'});
}

 

Sei que existiriam outras formas de fazer usando o .live com o evento click do jquery mas dá o mesmo problema.

 

Aparece a mensagem .colorbox is not a function

 

Estou linkando o jquery.js e o colorbox.css e colobox.js corretamente na tag head. Já verifiquei isso.

 

Alguém poderia me dizer o que está acontecendo?

 

Obrigado.

Share this post


Link to post
Share on other sites

é possível q não esteja achando o arquivo do colorbox, confira isso.

Share this post


Link to post
Share on other sites

está achando sim.
não postei aqui mas, em outra parte do código, abro outro colorbox perfeitamente, mas fora de uma função.

o problema acontece quando o colorbox está dentro de uma função.

Share this post


Link to post
Share on other sites

ta.. qual é a ordem de carregamento dos seus scripts ?

 

vc colocou essa função depois de ter carregado o colorbox ?

Share this post


Link to post
Share on other sites

estão dentro do head

<link href="css/colorbox.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.colorbox.js"></script>

 

 

<script type="text/javascript">

function novoTeste() {
$.colorbox({width:'500px', height: '300px', href:'teste.php'});
}

</script>

 

está no body

 

<a href="#" class="novo-teste" onClick="novoTeste()">Teste</a>

Share this post


Link to post
Share on other sites

coloque o jquery.js primeiro

colorbox.js em seguida

 

depois coloque o script do colorbox

 

 

ou entao ao inves de colocar a funcao onclick no elemento faça tudo diretamente do jquery

 

seta um id ao elemento que voce vai clicar e ao elemento que vc quer personalizar por exemplo id="novo-teste" e id="elementoapersonalizar" e use:

 

<script type="text/javascript">

 

$(document).ready(function(){

$("#novo-teste").click(function(){

$("#elementoapersonalizar").colorbox({width:'500px', height: '300px', href:'teste.php'});

});

});

 

</script>

 

 

e esse plugin colorbox faz o que de especial?

Share this post


Link to post
Share on other sites

já tinha feito tudo isso aí, usando o jquery mas farei novamente.

 

o plugin do colorbox faz abrir uma janela tipo modal.

está acontecendo algum problema de conflito quando chamo o colorbox através de uma função. mas já tinha feito isso outras vezes e tinha dado certo. inclusive, em fóruns, também fizeram assim abrindo o colorbox através de função.

no caso, eu preciso abri-lo através de uma função.

quando chamo ele sem usar função, ele abre.

Share this post


Link to post
Share on other sites

não. eu coloquei isso também e continua o problema.

 

até o esquema abaixo eu fiz e nada.

 

<script type="text/javascript">
$ = jQuery.noConflict();
</script>



opa!

 

descobri o problema.

 

estava abrindo um colorbox anterior à este que continha um link para a biblioteca jquery. quando retirei, deu certo.

 

interessante é que, no meu caso, os colorboxes abrem páginas diferentes. mas, pelo visto influencia mesmo assim no local onde são chamados.

 

valeu pelo apoio!

Share this post


Link to post
Share on other sites

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.